您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
Ready 发布于2016年05月26日 03:05

原创 jQuery Validator equalsTo 相等输入校验器

2569 次浏览 读完需要≈ 4 分钟

内容目录

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"的输入保持一致
	}
});
  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论

打开导航菜单