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/

और यह भी सम्मान करता है आप के लिए आवश्यक/वैकल्पिक पिछले सत्यापन ;)