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

原创 jQuery Validator cellphone 手机号码格式校验器

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

内容目录

jQuery Validator的cellphone手机号码格式校验器用于校验指定输入是否匹配合法的手机号码格式。

语法

jQuery Validator 1.0 新增

// 在校验规则对象中指定该属性
cellphone: true

参数

cellphone校验器所对应的属性值可以为任意值,目前暂无任何特定用处,只是为了满足JS对象的格式要求,目前建议统一设为true,以便于后续的扩展兼容。

注意:目前cellphone校验器对于只要是以"1"开头的11位数字,均视为合法的手机号码,而没有做更多的其他校验,也只适用于中国大陆环境(其他地区的手机号码不一定是11位),没有考虑兼容"+86"等国别代码。
众所周知,中国大陆的手机号码最初是以"13"开头,之后又陆续新增了"15"、"18"、"17"等号段,为了尽可能地适应手机号段的后续增加,因此只限定了以"1"开头即可。
如果你有更加个性化的需求,你可以为属性V.cache.__cellphone设置新的正则表达式,或者重写cellphone校验器。

示例&说明

以如下HTML表单为例:

<form action="https://codeplayer.vip/">
	<div>
		<label>手机号码</label>:
		<input id="cellphone" name="cellphone" type="text" >
	</div>	
	<input type="submit" value="提交" />
</form>

我们可以使用cellphone校验器来指定表单元素"#cellphone"的输入必须是合法的邮箱格式:运行代码

// 定义一个名为"cellphone"的校验规则
v.define("cellphone", {
    // 默认添加required: true,无需显式指定
    cellphone: true // 必须符合手机号码格式
});
// 当然,系统已经预定了该校验规则,名称为"cellphone",你无需再重复定义,这里只是演示


// 在表单提交时执行校验
$("form").v("submit", {
	"#cellphone": "cellphone"
});
  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论

打开导航菜单