javascript - 我的 JQuery equalTo 提示两封相似的电子邮件不匹配

Question

为什么我对两个电子邮件地址的匹配仍然声称它们不匹配，即使它们完全相同？收到错误消息的是 email2。

 * Email: <input type='text' name='email' /> <br/>
 * Repeat email: <input type='text' name='email2' /> <br/>   


$("#addagentform").live('blur',function(e){
                  $("#addagentform").validate({
                      rules: {  
                             email: {
                                required: true, 
                                email: true 


                              }, 
                              email2: {
                                    required: true, 
                                    equalTo: "#email"
                              },
                           }

                    }); 
 });

我发现其他人也有同样的问题，但问题似乎与我所遇到的不同，因为他们的解决方案对我没有帮助。

Answer 1

尝试将其包装在 rules: {} block 中，如下所示:

 * Email: <input type='text' id='email1' name='email1' /> <br/>
 * Repeat email: <input type='text' id='email2' name='email2' /> <br/>   


$("#addagentform").live('blur',function(e){
                  $("#addagentform").validate({ 
                         rules: {
                             email1: {
                                required: true, 
                                email: true 
                              }, 
                              email2: {
                                required: true, 
                                email: true,
                                equalTo: '#email1'
                              }
                           }
                    }); 
 });

不确定这是否真的重要，但惯例是在规则中使用单引号，并且字段名称 email 可能无效，具体取决于哪个版本的你正在使用的插件。尝试创建字段 email1 和 email2。最后，您还应该为相关字段提供 id。