jQuery表单字符串验证(手机号与字母数字组合)示例
字符串验证里的两个常见需求——手机号码和字母数字组合,用jQuery配合正则搞定其实挺顺手的。通过几行代码,你就能快速给表单加上基本验证逻辑,响应也快,代码也简洁,适合懒人和赶项目用。
手机号码验证挺有套路的,国内手机号基本都是 11 位,前几位是号段,中间是地区啥的,后面是用户编号。你用个像 ^1[3-9]\d{9}$
这样的正则配上 $(selector).val()
判断,靠谱!
字母数字组合那块,用来密码或者用户 ID 再合适不过了。只要一条 ^[a-zA-Z0-9]+$
的正则,轻松搞定,只要别让用户输入奇怪符号就行。
如果你想把这些验证搞得更灵活点,jQuery Validate插件是个好帮手。可以自定义验证方法,比如加个 customPhone
规则,验证逻辑写得清清楚楚,错误提示还能定制,用户体验也跟着上去了。
还有一个实用小技巧:配合 .regex()
插件直接写验证逻辑,写起来更直观,比如:
$(selector).regex("^[1][3-9]\d{9}$", "手机号码格式不正确");
提醒一句:验证虽简单,正则写错就容易翻车,尤其是手机号那种格式限制多的。所以建议你把正则都封装好,调试好再上项目。
如果你想查更多正则模板,可以看看这些:
jsInPut.rar
预估大小:2个文件
jsInPut
文件夹
jsInPut.js
6KB
实例.html
3KB
3.1KB
文件大小:
评论区