2014-12-11 60 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"