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 相关文章推荐
如何在标题栏显示框架内页面的标题
Feb 03 Javascript
使用jQuery的将桌面应用程序引入浏览器
Nov 19 Javascript
Jquery 动态循环输出表格具体方法
Nov 23 Javascript
JavaScript通过元素索引号删除数组中对应元素的方法
Mar 18 Javascript
JavaScript的设计模式经典之代理模式
Feb 24 Javascript
Node学习记录之cluster模块
May 31 Javascript
Js中async/await的执行顺序详解
Sep 22 Javascript
vue移动UI框架滑动加载数据的方法
Mar 12 Javascript
浅谈vue中.vue文件解析流程
Apr 24 Javascript
vue中keep-alive、activated的探讨和使用详解
Jul 26 Javascript
JavaScript检测是否开启了控制台(F12调试工具)
Oct 02 Javascript
es5 类与es6中class的区别小结
Nov 09 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 随机生成10位字符代码
2009/03/26 PHP
php微信支付之APP支付方法
2015/03/04 PHP
YII CLinkPager分页类扩展增加显示共多少页
2016/01/29 PHP
PHP魔术方法以及关于独立实例与相连实例的全面讲解
2016/10/18 PHP
PHP通过调用新浪API生成t.cn格式短网址链接的方法详解
2019/02/20 PHP
node.js WEB开发中图片验证码的实现方法
2014/06/03 Javascript
Node.js模块加载详解
2014/08/16 Javascript
jQuery超精致图片轮播幻灯片特效代码分享
2015/09/10 Javascript
BootStrap的JS插件之轮播效果案例详解
2016/05/16 Javascript
javascript Promise简单学习使用方法小结
2016/05/17 Javascript
js动态获取子复选项并设计全选及提交的实现方法
2016/06/24 Javascript
学习Node.js模块机制
2016/10/17 Javascript
jquery实现超简单的瀑布流布局【推荐】
2017/03/08 Javascript
学习使用Bootstrap栅格系统
2017/05/11 Javascript
VUE长按事件需求详解
2017/10/18 Javascript
axios实现文件上传并获取进度
2020/03/25 Javascript
JS轮播图的实现方法2
2020/08/25 Javascript
Python进行数据科学工作的简单入门教程
2015/04/01 Python
python中实现将多个print输出合成一个数组
2018/04/19 Python
Python 找到列表中满足某些条件的元素方法
2018/06/26 Python
Python3编码问题 Unicode utf-8 bytes互转方法
2018/10/26 Python
Python 实现取矩阵的部分列,保存为一个新的矩阵方法
2018/11/14 Python
python使用threading.Condition交替打印两个字符
2019/05/07 Python
django框架CSRF防护原理与用法分析
2019/07/22 Python
matplotlib绘制多个子图(subplot)的方法
2019/12/03 Python
HTML5 Web Workers之网站也能多线程的实现
2013/04/24 HTML / CSS
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
Hunkemöller西班牙:欧洲最大的内衣连锁店
2018/08/15 全球购物
C语言中break与continue的区别
2012/07/12 面试题
社区党的群众路线教育实践活动总结材料
2014/10/31 职场文书
导游词怎么写
2015/02/04 职场文书
2015年新教师工作总结
2015/04/28 职场文书
小学中队活动总结
2015/05/11 职场文书
2015年学校禁毒工作总结
2015/05/27 职场文书
红楼梦读书笔记
2015/06/25 职场文书
先进工作者主要事迹材料
2015/11/03 职场文书