在jQuery驗證插件的添加方法中調用函數

Question

我的需求就像是檢查應用程序名稱是否已被使用或不使用Ajax。我實現了這些目標，我計劃在jQuery驗證中添加這些內容。我添加，使用添加的方法，但如果響應是false它顯示

應用名稱存在

錯誤消息的消息。並且如果響應是true，它也會顯示錯誤消息。

這裏是我的代碼：

$(document).ready(function() 
      { 
       function isAppNameExists() { 
        document.getElementById('imgLoad').style.display = "inline-table"; 
        var appName =$("#txtAppName").val();//document.getElementById("txtAppName").value; 

        var tenantID =1;//document.getElementById("txttenantId").value; 
        if(window.XMLHttpRequest){ 
         xmlhttp=new XMLHttpRequest(); 
        } else { 
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
        } 
        xmlhttp.onreadystatechange=function() { 
         if(xmlhttp.readyState==4 && xmlhttp.status==200){ 
          if(xmlhttp.responseText == "true"){     // App name already used 
            document.getElementById('imgLoad').style.display = "none"; 
           return false; 
          } else { 
           document.getElementById('imgLoad').style.display = "none"; 
           return true; 
         } 
         } 
        } 
        xmlhttp.open("GET","ApplicationController?appNameCheck=createApp&appName="+appName+"&tenantId="+tenantID+"",true); 
        xmlhttp.send(); 
        } 


      $.validator.addMethod("appNameExistsValidation", function() { 
        return isAppNameExists(); 
      }, "Application name already exists"); 



       $('#storeAppCreation').validate( 
       { 
        rules: 
        { 
         appNameExistsValidation:true 

        } 
      } 

}); 

Answer 1

您可以使用驗證框架提供的remote選項

$(document).ready(function() { 
    var tenantID =1;//document.getElementById("txttenantId").value; 
    $('#storeAppCreation').validate({ 
     rules : { 
      txtAppName: { 
       remote : { 
        url : "ApplicationController", 
        type : "GET", 
        data : { 
         appNameCheck : 'createApp', 
         appName : function() { 
          return $("#txtAppName").val() 
         }, 
         tenantId : tenantID 
        } 
       } 
      } 

     } 
    }) 

});