时间:2021-05-26
本文实例需要验证的内容:中文姓名、手机号、身份证和地址,验证方法分享给大家供大家参考,具体内容如下
HTML(表单):
jQuery验证:
test()方法 判断字符串中是否匹配到正则表达式内容,返回的是boolean值 ( true / false )
// 验证中文名称function isChinaName(name) { var pattern = /^[\u4E00-\u9FA5]{1,6}$/; return pattern.test(name);}// 验证手机号function isPhoneNo(phone) { var pattern = /^1[34578]\d{9}$/; return pattern.test(phone); }// 验证身份证 function isCardNo(card) { var pattern = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; return pattern.test(card); } // 验证函数function formValidate() { var str = ''; // 判断名称 if($.trim($('#name').val()).length == 0) { str += '名称没有输入\n'; $('#name').focus(); } else { if(isChinaName($.trim($('#name').val())) == false) { str += '名称不合法\n'; $('#name').focus(); } } // 判断手机号码 if ($.trim($('#phone').val()).length == 0) { str += '手机号没有输入\n'; $('#phone').focus(); } else { if(isPhoneNo($.trim($('#phone').val()) == false)) { str += '手机号码不正确\n'; $('#phone').focus(); } } // 验证身份证 if($.trim($('#identity').val()).length == 0) { str += '身份证号码没有输入\n'; $('#identity').focus(); } else { if(isCardNo($.trim($('#identity').val())) == false) { str += '身份证号不正确;\n'; $('#identity').focus(); } } // 验证地址 if($.trim($('#address').val()).length == 0) { str += '地址没有输入\n'; $('#address').focus(); } // 如果没有错误则提交 if(str != '') { alert(str); return false; } else { $('.auth-form').submit(); }}$('#submit').on('click', function() { formValidate();});希望本文所述对大家学习jquery程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
最近项目中新增的功能,需要对手机号、姓名、身份证号等一些信息进行验证,最好的方法是通过正则表达式来验证,网上查了一些资料,写了这几个工具方法。1、验证手机号规则
收集整理了15个常用的javaScript正则表达式,其中包括用户名、密码强度、整数、数字、电子邮件地址(Email)、手机号码、身份证号、URL地址、IPv4
效果图原理表单元素中,有一个pattern属性,可以自定义正则表达式(如手机号、邮箱、身份证..);valid伪类,可以匹配通过pattern验证的元素;inv
常用的正则匹配表达式正则表达式--验证手机号码:13[0-9]{9}实现手机号前带86或是+86的情况:^((\+86)|(86))?(13)\d{9}$电话号
分享一个用正则表达式校验电话号码、身份证号、日期格式、URL、Email等等格式的工具类复制代码代码如下:packagecom.eabax.util;impor