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 相关文章推荐
关于恒等于(===)和非恒等于(!==)
Aug 20 Javascript
读jQuery之六 缓存数据功能介绍
Jun 21 Javascript
JSONP 跨域共享信息
Aug 16 Javascript
js使用DOM设置单选按钮、复选框及下拉菜单的方法
Jan 20 Javascript
jQuery实现的精美平滑二级下拉菜单效果代码
Mar 28 Javascript
Active控件问题小结(附解决办法)
Jun 09 Javascript
jquery attr()设置和获取属性值实例教程
Sep 25 Javascript
深入理解bootstrap框架之入门准备
Oct 09 Javascript
使用vue的v-for生成table并给table加上序号的实例代码
Oct 27 Javascript
浅谈webpack性能榨汁机(打包速度优化)
Jan 09 Javascript
wepy--用vantUI 实现上弹列表并选择相应的值操作
Nov 03 Javascript
vue中defineProperty和Proxy的区别详解
Nov 30 Vue.js
浅谈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
Windows Apache2.2.11及Php5.2.9-1的安装与配置方法
2009/06/08 PHP
深入解析PHP 5.3.x 的strtotime() 时区设定 警告信息修复
2013/08/05 PHP
php获取文章上一页与下一页的方法
2014/12/01 PHP
PHP网络操作函数汇总
2015/05/18 PHP
Yii1.1框架实现PHP极光推送消息通知功能
2018/09/06 PHP
javascript自定义的addClass()方法
2014/05/28 Javascript
DOM基础教程之使用DOM设置文本框
2015/01/20 Javascript
jQuery实现的Div窗口震动效果实例
2015/08/07 Javascript
JS实现的通用表单验证插件完整实例
2015/08/20 Javascript
jquery自定义插件——window的实现【示例代码】
2016/05/06 Javascript
AngularJS 自定义过滤器详解及实例代码
2016/09/14 Javascript
Vuex之理解state的用法实例
2017/04/19 Javascript
nodejs处理图片的中间件node-images详解
2017/05/08 NodeJs
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
2017/10/13 jQuery
layer.msg()去掉默认时间,实现手动关闭的方法
2019/09/12 Javascript
详解如何在Javascript和Sass之间共享变量
2019/11/13 Javascript
JS面向对象编程基础篇(二) 封装操作实例详解
2020/03/03 Javascript
JavaScript队列结构Queue实现过程解析
2020/03/07 Javascript
es6函数之箭头函数用法实例详解
2020/04/25 Javascript
jquery绑定事件 bind和on的用法与区别分析
2020/05/22 jQuery
python调用windows api锁定计算机示例
2014/04/17 Python
python模仿网页版微信发送消息功能
2018/02/24 Python
Python绘制正余弦函数图像的方法
2018/08/28 Python
Python pandas RFM模型应用实例详解
2019/11/20 Python
详细分析Python collections工具库
2020/07/16 Python
Python制作简单的剪刀石头布游戏
2020/12/10 Python
国外软件测试工程师面试题
2016/12/09 面试题
歌唱比赛策划方案
2014/06/06 职场文书
社区服务活动小结
2014/07/08 职场文书
学习优秀共产党员先进事迹思想报告
2014/09/17 职场文书
2015大学生党员自我评价范文
2015/03/03 职场文书
卡特教练观后感
2015/06/08 职场文书
职工宿舍管理制度
2015/08/05 职场文书
优秀班干部主要事迹材料
2015/11/04 职场文书
vue2的 router在使用过程中遇到的一些问题
2022/04/13 Vue.js
微信小程序纯CSS实现无限弹幕滚动效果
2022/09/23 HTML / CSS