使用 jQuery 验证插件匹配两个字段

Posted 2023-02-22

【中文标题】使用 jQuery 验证插件匹配两个字段

【英文标题】：Match two fields with jQuery validate plugin

【发布时间】：2011-07-06 01:39:02

【问题描述】：

我有一个电子邮件字段和一个确认电子邮件字段。我需要验证它们以确保它们的值匹配。

有没有办法添加规则来匹配这两个字段？

【问题讨论】：

***.com/questions/931687/…

【参考方案1】：

您可以使用equalTo 方法：

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

【讨论】：

你能告诉我如何为此添加自定义消息吗？

当然，使用messages 属性。我强烈建议您阅读 jquery validate 插件的文档，其中包含所有必要的详细信息：jqueryvalidation.org/documentation

@sreemanthpulagam 是的，请参阅***.com/questions/6777634/…

【参考方案2】：

您也可以在第二个字段上执行此操作：

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

【讨论】：

这需要hte Jquery吗？

【参考方案3】：

你可以用这个

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>