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