js与jquery正则验证电子邮箱、手机号、邮政编码的方法


Posted in Javascript onJuly 04, 2016

本文实例讲述了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;
}
Javascript 相关文章推荐
ExtJS 2.0实用简明教程 之Border区域布局
Apr 29 Javascript
网络图片延迟加载实现代码 超越jquery控件
Mar 27 Javascript
Package.js  现代化的JavaScript项目make工具
May 23 Javascript
javascript操作JSON的要领总结
Dec 09 Javascript
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
Jan 11 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
Mar 04 Javascript
JQuery悬停控制图片轮播——代码简单
Aug 05 Javascript
Vue中fragment.js使用方法详解
Mar 09 Javascript
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 jQuery
Vue2.0 实现单选互斥的方法
Apr 13 Javascript
Vue父子组件双向绑定传值的实现方法
Jul 31 Javascript
javascript实现扫雷简易版
Aug 18 Javascript
浅谈js构造函数的方法与原型prototype
Jul 04 #Javascript
全面了解js中的script标签
Jul 04 #Javascript
jQuery基础_入门必看知识点
Jul 04 #Javascript
把普通对象转换成json格式的对象的简单实例
Jul 04 #Javascript
JS实现n秒后自动跳转的两种方法
Nov 30 #Javascript
js输出数据精确到小数点后n位代码
Jul 02 #Javascript
学习Bootstrap滚动监听 附调用方法
Jul 02 #Javascript
You might like
PHP程序开发范例学习之表单 获取文本框的值
2011/08/08 PHP
yii添删改查实例
2015/11/16 PHP
对比分析php中Cookie与Session的异同
2016/02/19 PHP
jquery实现先淡出再折叠收起的动画效果
2015/08/07 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
2016/06/03 Javascript
jQuery基于BootStrap样式实现无限极地区联动
2016/08/26 Javascript
基于JavaScript实现拖动滑块效果
2017/02/16 Javascript
JS实现百度搜索接口及链接功能实例代码
2018/02/02 Javascript
浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)
2018/11/08 Javascript
命令行批量截图Node脚本示例代码
2019/01/25 Javascript
微信端调取相册和摄像头功能,实现图片上传,并上传到服务器
2019/05/16 Javascript
layui prompt 设置允许空白提交的方法
2019/09/24 Javascript
webpack常用配置总览(小结)
2019/11/18 Javascript
js+canvas实现画板功能
2020/09/13 Javascript
vue自定义插件封装,实现简易的elementUi的Message和MessageBox的示例
2020/11/20 Vue.js
Python中使用Flask、MongoDB搭建简易图片服务器
2015/02/04 Python
对python 多个分隔符split 的实例详解
2018/12/20 Python
关于PyTorch 自动求导机制详解
2019/08/18 Python
Python检查 云备份进程是否正常运行代码实例
2019/08/22 Python
Python如何实现后端自定义认证并实现多条件登陆
2020/06/22 Python
HTML5新增的Css选择器、伪类介绍
2013/08/07 HTML / CSS
法国珠宝店:CLEOR
2017/01/29 全球购物
NFL Game Pass欧洲:在线观看NFL比赛直播和点播,以高清质量播放
2018/08/30 全球购物
财务信息服务专业自荐书范文
2014/02/08 职场文书
爱心活动计划书
2014/04/26 职场文书
无传销社区工作方案
2014/05/13 职场文书
会计毕业生自荐书
2014/06/12 职场文书
学校总务处领导干部个人对照检查材料思想汇报
2014/10/06 职场文书
党员个人查摆剖析材料
2014/10/16 职场文书
2014年服装销售工作总结
2014/11/27 职场文书
优秀教育工作者事迹材料
2014/12/24 职场文书
车队安全员岗位职责
2015/02/15 职场文书
2015年高中班级工作总结
2015/07/21 职场文书
初三毕业感言
2015/07/31 职场文书
八年级作文之我的母亲
2019/12/10 职场文书
解析MySQL binlog
2021/06/11 MySQL