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

原创 jQuery Validator text 自定义校验器

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

内容目录

jQuery Validator的text自定义校验器用于根据自定义文本、正则表达式或函数对指定输入进行校验。

语法

jQuery Validator 1.0 新增

// 在校验规则对象中指定该属性
text: value

参数

参数 描述
value String/RegExp/Function类型用于对当前输入进行校验的文本、正则表达式或自定义函数。

如果value为字符串,则校验当前输入是否与该字符串相等。

如果value为正则表达式,则校验当前输入是否匹配该表达式。

如果value为函数,则函数的返回值表示校验结果。如果返回值为false,则表示校验不通过,其他均视作校验通过。框架在调用该函数时,将会如下列函数所示,传入相应的参数:

function(value, context){
	// value 表示当前输入
	// context 表示当前上下文对象
	// 函数中的this指向当前校验实例对象(v)

	// 当且仅当函数返回false时,表示校验不通过
	// 你可以通过设置context.message属性来动态定义错误提示消息
}

示例&说明

以如下HTML表单为例:

<form action="https://codeplayer.vip/">
	<div>
		<label>姓名</label>:
		<input id="name" name="name" type="text" >
	</div>	
	<input type="submit" value="提交" />
</form>

我们可以使用text校验器来指定表单元素"#name"的输入必须是2~4个中文汉字:运行代码

// 在表单提交时执行校验
$("form").v("submit", {
	"#name": {
		text: /^[\u4e00-\u9fa5]{2,4}$/,
		message: {
			text: "{label}必须是2~4个中文汉字"
		}
	}
});
  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论

打开导航菜单