2011-02-28 65 views
28

我有一個電子郵件字段和一個確認電子郵件字段。我需要驗證他們兩個,以確保他們的值匹配。用jQuery驗證插件匹配兩個字段

有沒有辦法添加規則來匹配這兩個字段?

+1

http://stackoverflow.com/questions/931687/using-jquery-validate-plugin-to-validate-multiple-form-fields-with-identical名稱 – Zirak 2011-02-28 20:57:13

回答

64

你可以使用equalTo方法:

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

你能告訴如何爲此添加自定義消息嗎? – 2013-12-31 13:36:10

+1

當然,使用'messages'屬性。我強烈建議您閱讀包含所有必要細節的jquery validate插件的文檔:http://jqueryvalidation.org/documentation/ – 2013-12-31 13:37:11

+0

@sreemanthpulagam是的,請參閱http://stackoverflow.com/questions/6777634/jquery- validation-plugin-custom-message – crmpicco 2014-02-11 16:51:11

23

你也可以做到這一點在第二場:

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

這是否需要使用jquery? – MaxwellLynn 2013-10-30 11:19:54

+2

是的。是的,它確實。 – Jazzy 2013-11-21 20:10:33

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" /> 

更多信息:https://stackoverflow.com/a/15977785/560287

+0

這個工作是爲了完成這項工作。但不是答案。如果你可以添加這個作爲評論它很好 – Eranda 2015-10-05 11:40:01

1

U可以使用此

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>