element表单验证规则rules 对多个表单
时间: 2023-07-19 08:12:44 浏览: 55
可以通过为每个表单设置不同的 rules 对象来实现针对多个表单的表单验证规则。例如,可以为每个表单定义一个名为 rules1、rules2、rules3 等的对象,然后将这些对象分别应用于不同的表单。具体实现方式如下:
```html
<form id="form1">
<input type="text" name="username">
<input type="password" name="password">
</form>
<form id="form2">
<input type="text" name="email">
<input type="text" name="phone">
</form>
```
```javascript
// 定义表单验证规则
var rules1 = {
username: {
required: true,
minlength: 5
},
password: {
required: true,
minlength: 6
}
};
var rules2 = {
email: {
required: true,
email: true
},
phone: {
required: true,
number: true
}
};
// 应用表单验证规则
$('#form1').validate({
rules: rules1,
// 其他配置项
});
$('#form2').validate({
rules: rules2,
// 其他配置项
});
```
在上述代码中,我们定义了两个不同的 rules 对象,分别应用于两个表单。通过为每个表单设置不同的 rules 对象,我们可以针对多个表单实现不同的表单验证规则。