内容目录
jQuery Validator的equalsTo
相等输入校验器用于校验指定DOM元素的输入是否与另外一个DOM元素的输入相等。
该校验器通常用于表示"再次输入密码"的表单元素,以保证其输入与表示"密码"的表单元素的输入一致。
语法
jQuery Validator 1.0 新增。
// 在校验规则对象中指定该属性
equalsTo: selector
// 例如:
equalsTo: "#id"
参数
参数 | 描述 |
---|---|
selector | String/Element/jQuery类型一个用于指示与当前输入进行相等比较的目标DOM元素的jQuery选择器字符串,它也可以是一个Element对象或jQuery对象。 |
如果selector
是字符串,它只支持"#id"、"name"或"$name"形式的字符串,从而选取对应id或对应name属性的表单元素,并获取对应的输入进行相等比较。
示例&说明
以如下HTML表单为例:
<form action="https://codeplayer.vip/">
<div>
<label>密码</label>:
<input id="password" name="password" type="password" >
</div>
<div>
<label>确认密码</label>:
<input id="repassword" name="repassword" type="password" >
</div>
<input type="submit" value="提交" />
</form>
我们可以使用equalsTo
校验器来指定表单元素"#repassword"的输入必须与"#password"保持一致:运行代码
// 在表单提交时执行校验
$("form").v("submit", {
"#password": "password", // 框架已内置名为"password"的校验规则
"#repassword": {
equalsTo: "#password" // 与"#password"的输入保持一致
}
});
0 条评论
撰写评论