jquery正则表达式验证(手机号、身份证号、中文名称)
本文实例需要验证的内容:中文姓名、手机号、身份证和地址,验证方法分享给大家供大家参考,具体内容如下
HTML(表单):
<formaction=""> <divclass="form-group"> <label>姓名:</label> <inputid="name"type="text"> </div> <divclass="form-group"> <label>手机号:</label> <inputid="phone"type="text"> </div> <divclass="form-group"> <label>身份证:</label> <inputid="identity"type="text"> </div> <divclass="form-group"> <labelclass="label-textarea">邮寄地址:</label> <textareaid="address"></textarea> </div> <pclass="tip">请填写实名认证信息,以便领奖资料一经提交无法修改,请慎重填写!</p> <divclass="btn-group"> <buttonclass="btnbtn-mdbtn-purple"type="reset">取消</button> <buttonclass="btnbtn-mdbtn-purpleml-20"id="submit"type="button">提交</button> </div> </form>
jQuery验证:
test()方法判断字符串中是否匹配到正则表达式内容,返回的是boolean值(true/false)
//验证中文名称 functionisChinaName(name){ varpattern=/^[\u4E00-\u9FA5]{1,6}$/; returnpattern.test(name); } //验证手机号 functionisPhoneNo(phone){ varpattern=/^1[34578]\d{9}$/; returnpattern.test(phone); } //验证身份证 functionisCardNo(card){ varpattern=/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; returnpattern.test(card); } //验证函数 functionformValidate(){ varstr=''; //判断名称 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); returnfalse; }else{ $('.auth-form').submit(); } } $('#submit').on('click',function(){ formValidate(); });
希望本文所述对大家学习jquery程序设计有所帮助。