jquery.validate分组验证代码怎么写

avatar
作者
猴君
阅读量:0

要实现分组验证,你可以使用jQuery Validation插件的groups选项。这个选项允许你将多个表单字段分成一组,并将它们合并为一个错误消息。

下面是一个使用jQuery Validation插件进行分组验证的示例代码:

HTML代码:

<form id="myForm">   <label for="name">姓名:</label>   <input type="text" id="name" name="name" /><br/>      <label for="email">邮箱:</label>   <input type="text" id="email" name="email" /><br/>      <label for="password">密码:</label>   <input type="password" id="password" name="password" /><br/>      <label for="confirmPassword">确认密码:</label>   <input type="password" id="confirmPassword" name="confirmPassword" /><br/>      <input type="submit" value="提交" /> </form> 

JavaScript代码:

$(function() {   // 配置分组验证规则   $("#myForm").validate({     groups: {       // 将密码和确认密码字段合并为一个错误消息       passwordGroup: "password confirmPassword"     },     rules: {       name: "required",       email: {         required: true,         email: true       },       password: "required",       confirmPassword: {         required: true,         equalTo: "#password" // 确认密码必须和密码字段相等       }     },     messages: {       name: "请输入姓名",       email: {         required: "请输入邮箱",         email: "请输入有效的邮箱地址"       },       password: "请输入密码",       confirmPassword: {         required: "请确认密码",         equalTo: "两次输入的密码不一致"       }     }   }); }); 

在上面的代码中,我们通过groups选项将密码和确认密码字段合并为一个错误消息。然后,在rulesmessages选项中,我们分别定义了各个字段的验证规则和错误消息。

当表单提交时,如果有任何字段未通过验证,插件会将错误消息显示在表单下方。

希望这可以帮助到你!

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!