2014-12-11 79 views
0

我有以下代碼jQuery驗證EqualTo問題

$("#emailForm").validate({ 
    rules: { 
     "UserPasswordReset.EmailAddress": { 
      maxlength: 256, 
      email: true, 
     }, 
     "UserPasswordReset.ConfirmEmailAddress": { 
      maxlength: 256, 
      email: true, 
      equalTo: "#UserPasswordReset.EmailAddress" 
     } 
    } 
}); 

當我填寫以下表格,並按提交我說,在確認框,請輸入相同的值,所以我檢查,仔細檢查,併爲愛上帝我再次檢查,但我仍然得到請輸入相同的價值,即使兩個領域是相同的。

<div id="home" class="tab-pane active" role="tabpanel"> 
<div class="form-group"> 
    <label class="col-sm-1 control-label no-padding-right" for="form-field-1-1"> Email</label> 
    <div class="col-sm-9"> 
     <input id="emailaddress" class="col-xs-10 col-sm-5" type="text" value="" name="UserPasswordReset.EmailAddress" data-val-required="The EmailAddress field is required." data-val="true" autocomplete="off" placeholder="Please enter your email address"> 
    </div> 
</div> 
<div class="form-group"> 
    <label class="col-sm-1 control-label no-padding-right" for="form-field-1-1"> Confirm </label> 
    <div class="col-sm-9"> 
     <input id="confirm_email" class="col-xs-10 col-sm-5" type="text" value="" name="UserPasswordReset.ConfirmEmailAddress" autocomplete="off" placeholder="Please confirm your email address"> 
    </div> 
</div> 
<button id="btnSaveEmail" class="btn btn-info pull-right" type="Submit" value="true" name="SaveEmailAddress"> Update Email </button> 
</div> 

我在做什麼錯在這裏?

回答

1

ConfirmEmailAddress規則有

equalTo: "#UserPasswordReset.EmailAddress" 

你不必與id="UserPasswordReset.EmailAddress"控制(只有一個id="emailaddress")。將其更改爲

equalTo: "#emailaddress"