jQuery的形式验证插件：场1不等于2场

Question

heyho，

我被困在下面的问题：我试图阻止用户可以选择的领域“用户名”和“电子邮件”相同的值。我正在使用jquery表单验证插件（http://bassistance.de/jquery-plugins/jquery-plugin-validation/）

如果有人可以告诉我方式，请参阅我的代码：

// validate form  
$("#signupform").validate({ 

    rules: { 
     username: { 
      required: true, 
      minlength: 2, 
      remote: "/_misc/formcheck/username.cfm" 
     }, 
     password1: { 
      required: true, 
      minlength: 5 
     }, 
     password2: { 
      required: true, 
      minlength: 5, 
      equalTo: "#password1" 
     }, 
     email: { 
      required: true, 
      email: true, 
      remote: "/_misc/formcheck/email.cfm" 
     }, 
     email2: { 
      required: true, 
      email: true, 
      equalTo: "#email" 
     }, 
     usage: "required"      
    }, 
    messages: { 
     username: { 
      required: "please username!!", 
      minlength: "username at least 2 chars" 
     }, 
     password1: { 
      required: "please password!", 
      minlength: "password at least 5 chars" 
     }, 
     password2: { 
      required: "please password", 
      minlength: "password at least 5 chars", 
      equalTo: "password fields have to match" 
     }, 
     email: "validate email please!",    
     email2: { 
      required: "please provide correct email address!",    
      equalTo: "email fields must match!" 
     }, 
     usage: "please check my terms!" 
    }, 

在此先感谢，michbeck

Answer 1

您可以添加自定义的方法检查用户名和电子邮件值和该字段添加验证。

演示 - http://jsfiddle.net/2hA8M/8/

实施例 -

方法 -

$.validator.addMethod("user_email_not_same", function(value, element) { 
    return $('#name').val() != $('#email').val() 
}, "* User and Email should not match"); 

验证 -

rules : { 
    username : { 
     user_email_not_same: true 
    } 
}, 

Answer 2

这可能是更灵活的：

$.validator.addMethod("notEqualTo", function (value, element, param) 
{ 
    var target = $(param); 
    if (value) return value != target.val(); 
    else return this.optional(element); 
}, "Does not match"); 

召唤：

rules: { 
    username: { 
     required: true, 
     minlength: 2, 
     remote: "/_misc/formcheck/username.cfm", 
     notEqualTo: "#emailId-or-anyValidJquerySelector" 
    } 
} 

样品：http://jsfiddle.net/4AdWR/1/

在HTML中

或者直接：

<input type="text" name="username" notEqualTo="#emailId-or-anyValidJquerySelector" minlength="2" class="required" /> 

样品：http://jsfiddle.net/B2hWn/1/

，这也尊重你必需/可选先前验证;）