js与jquery正则验证电子邮箱、手机号、邮政编码的方法
2019/6/27 22:17:21
本文主要是介绍js与jquery正则验证电子邮箱、手机号、邮政编码的方法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
本文实例讲述了js与jquery正则验证电子邮箱、手机号、邮政编码的方法。
jQuery代码:
//验证邮政编码 $("#postcode").blur(function(){ //获取邮政编码 var postcode=$("#postcode").val(); if(is_postcode(postcode)){ $("#postcode_info").html(""); }else{ $("#postcode_info").html("邮编格式不正确"); return false; } }); //验证手机号码 $("#mobile").blur(function(){ //获取手机号,并去除左右两边空格 var mobile=$.trim($("#mobile").val()); if(is_mobile(mobile)){ $("#mobile_info").html(""); }else{ $("#mobile_info").html("手机号格式不正确"); return false; } }); //验证email $("#email").blur(function(){ //获取email var email=$("#email").val(); if(is_email(email)){ $("#email_info").html(""); }else{ $("#email_info").html("电子邮件格式不正确"); return false; } }); });
js代码:
//订单提交页-验证邮政编码 function is_postcode(postcode) { if ( postcode == "") { return false; } else { if (! /^[0-9][0-9]{5}$/.test(postcode)) { return false; } } return true; } //订单提交页-验证手机号 function is_mobile(mobile) { if( mobile == "") { return false; } else { if( ! /^0{0,1}(13[0-9]|15[0-9]|18[0-9]|14[0-9])[0-9]{8}$/.test(mobile) ) { return false; } return true; } } //订单提交页-验证email的合法性 function is_email(email) { if ( email == "") { return false; } else { if (! /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/.test(email)) { return false; } } return true; }
PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:
JavaScript正则表达式在线测试工具:
http://tools.zyiz.net/regex/javascript
正则表达式在线生成工具:
http://tools.zyiz.net/regex/create_reg
希望本文所述对大家javascript程序设计有所帮助。
这篇关于js与jquery正则验证电子邮箱、手机号、邮政编码的方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-15useCallback教程:React Hook入门与实践
- 2024-11-15React中使用useContext开发:初学者指南
- 2024-11-15拖拽排序js案例详解:新手入门教程
- 2024-11-15React中的自定义Hooks案例详解
- 2024-11-14受控组件项目实战:从零开始打造你的第一个React项目
- 2024-11-14React中useEffect开发入门教程
- 2024-11-14React中的useMemo教程:从入门到实践
- 2024-11-14useReducer开发入门教程:轻松掌握React中的useReducer
- 2024-11-14useRef开发入门教程:轻松掌握React中的useRef用法
- 2024-11-14useState开发:React中的状态管理入门教程