1. 程式人生 > >jsp頁面實現input框實時ajax校驗任務名稱是否存在

jsp頁面實現input框實時ajax校驗任務名稱是否存在

<!-- 任務名稱 -->
<span class="list_name" style="margin-left: 25px;">任務名稱:</span>

                <input type="text"  id="taskName" onblur="checkName('${accessControl.id}')" maxlength="20" name="AccessControl.taskName" class="input_text" placeholder="4-20個字元,可使用漢字、字母、數字、下劃線">
                <span
class="Validform_checktip">
<i class="required">*</i></span> <div class="clear"></div> </li>
//校驗任務名稱是否重複
    function checkName(id){
    var name =  $('#taskName').val();
    alert(name);
    $.ajax({
        type : "post"
, async : true, url : "${pageContext.request.contextPath}/secureChannel/accessControl/check?id="+id+'&taskName'+name, dataType : "text", success : function(data) { if(data=="true"){ alert("任務名稱已經存在!"); return; }else
{ } }, error : function(e) { alert("失敗!"); } }); }