jQuery驗證插件和ajax後驗證輸入

Question

你好傢伙我試圖實現一些用戶名檢查表格與驗證插件。

所以我試過這個，但這是行不通的。

rules: { 
    username: { 
     minlength: 4, 
     required: { 
     depends: function(element){ 
      $.get('/assets/system/ajax/username_check.php', {username:element.value}, function(data){ 
       if(data==1){ 
        return true; 
       } else { 
        return false; 
      } 
     }); 
     } 
    }, 
}, ... 

我想要做的是用戶名輸入是必需的，但如果用戶名不可用不驗證它。

小提琴：http://jsfiddle.net/A29LE/

Answer 1

您需要添加驗證方法這個工作。

驗證方法：

$.validator.addMethod("checkUsername", 
    function(value, element) { 
     var result = false; 
     $.ajax({ 
      type:"GET", 
      async: false, 
      url: "/assets/system/ajax/username_check.php", 
      data: {username: value}, 
      success: function(data) { 
       result = (data == "1") ? true : false; 
      } 
     }); 
     return result; 
    }, 
    "Username Already Exists." 
); 

修改您的規則：

rules: { 
     "username": { 
      minlength: 4, 
      required: true, 
      checkUsername: true 
     }, 
    } 

希望這幫助。約addMethod

更多信息：http://jqueryvalidation.org