2011-02-28 6 views
28

E-posta alanım ve onaylanmış bir e-posta alanım var. Değerlerinin eşleştiğinden emin olmak için her ikisini de doğrulamam gerekiyor.jQuery validate plugin ile iki alanı eşleştirin

Bu iki alanı eşleştirmek için bir kural eklemenin bir yolu var mı?

$('#myform').validate({ 
    rules: { 
     email: 'required', 
     emailConfirm: { 
      equalTo: '#email' 
     } 
    } 
}); 
+1

http://stackoverflow.com/questions/931687/using-jquery-validate-plugin-to-validate-multiple-form-fields-with-identical kullanabilir -name – Zirak

cevap

64

Sen equalTo yöntemi kullanabilirsiniz kullanabileceğiniz son sürümü ile

class="required email" equalTo='#email' 
+0

Bunun için nasıl özel mesaj ekleyeceğinizi anlatabilir misiniz? –

+1

Elbette, 'messages' özniteliğini kullanın. Gerekli tüm ayrıntıları içeren jQuery validate eklentisinin belgelerini okumanızı şiddetle tavsiye ediyorum: http://jqueryvalidation.org/documentation/ –

+0

@sreemanthpulagam Yep, bkz. Http://stackoverflow.com/questions/6777634/jquery- validasyon-eklenti-özel-mesaj – crmpicco

23

Ayrıca ikinci alanda bunu yapabilirsiniz:

+0

Bu Jquery'ye ihtiyaç duyuyor mu? – MaxwellLynn

+2

Evet. Evet öyle. – Jazzy

2

data-rule-equalto

<label>Email Address</label> 
<input type="email" name="register_email1" value="" required="required" data-msg-required="Please your email address" /> 

<label>Re-Enter Email Address</label> 
<input type="email" name="register_email2" value="" required="required" data-rule-equalto="input[name=register_email1]" data-msg-required="Please confirm your email address" data-msg-equalto="Email addresses do not match" /> 
verileri-niteliklerini

Daha fazla bilgi: https://stackoverflow.com/a/15977785/560287

+0

Bu, işi bitirmek için çalışıyor. Ama cevap değil. Bunu bir yorum olarak ekleyebilirseniz hoş olur – Eranda

1

U bu

email: { 
     required: true, email: true 
     }, 
c_email: { 
       required: true, equalTo: "#email", minlength: 5 
      }, 

<div class="form-row"><span class="label">email</span><input type="email" name="email" class="required" id="email" /></div> 

<div class="form-row"><span class="label">Confirm email</span><input type="email" name="c_email" id="c_email" /></div>