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 相关文章推荐
jQuery JSON的解析方式分享
Apr 05 Javascript
12个超实用的JQuery代码片段
Nov 02 Javascript
js数组常见操作及数组与字符串相互转化实例详解
Nov 10 Javascript
JS组件Bootstrap实现下拉菜单效果代码
Apr 26 Javascript
使用递归遍历对象获得value值的实现方法
Jun 14 Javascript
JavaScript如何实现跨域请求
Aug 05 Javascript
JavaScript校验Number(4,1)格式的数字实例代码
Mar 13 Javascript
Vue中this.$router.push参数获取方法
Feb 27 Javascript
vue.extend实现alert模态框弹窗组件
Apr 28 Javascript
vue中利用iscroll.js解决pc端滚动问题
Feb 15 Javascript
浅谈Vue 自动化部署打包上线
Jun 14 Javascript
keep-Alive搭配vue-router实现缓存页面效果的示例代码
Jun 24 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通过array_unshift函数添加多个变量到数组前端的方法
2015/03/18 PHP
CI框架整合smarty步骤详解
2016/05/19 PHP
PHP 对象接口简单实现方法示例
2020/04/13 PHP
php+websocket 实现的聊天室功能详解
2020/05/27 PHP
jquery中ajax学习笔记一
2011/10/16 Javascript
Javascript与jQuery方法的隐藏与显示
2015/01/19 Javascript
jQuery实现新消息在网页标题闪烁提示
2015/06/23 Javascript
jQuery+css实现非常漂亮的水平导航菜单效果
2016/07/27 Javascript
详解vue-cli构建项目反向代理配置
2017/09/07 Javascript
vue全局自定义指令-元素拖拽的实现代码
2019/04/14 Javascript
VUE组件中的 Drawer 抽屉实现代码
2019/08/06 Javascript
微信小程序官方动态自定义底部tabBar的例子
2019/09/04 Javascript
[34:39]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第二局
2016/03/05 DOTA
Python提取Linux内核源代码的目录结构实现方法
2016/06/24 Python
Python字符串处理实现单词反转
2017/06/14 Python
解决phantomjs截图失败,phantom.exit位置的问题
2018/05/17 Python
python re模块的高级用法详解
2018/06/06 Python
Flask框架实现给视图函数增加装饰器操作示例
2018/07/16 Python
python利用pandas将excel文件转换为txt文件的方法
2018/10/23 Python
基于Python实现剪切板实时监控方法解析
2019/09/11 Python
python进程的状态、创建及使用方法详解
2019/12/06 Python
执行Python程序时模块报错问题
2020/03/26 Python
实例讲解利用HTML5 Canvas API操作图形旋转的方法
2016/03/22 HTML / CSS
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
2020/08/19 HTML / CSS
ETO男装官方网店:ETO Jeans
2019/02/28 全球购物
The North Face意大利官网:服装、背包和鞋子
2020/06/17 全球购物
Linux中如何设置Java环境变量(Ubuntu)
2016/07/24 面试题
服装设计专业毕业生推荐信
2013/11/09 职场文书
零件设计自荐信范文
2013/11/27 职场文书
网上快餐厅创业计划书
2014/02/01 职场文书
校庆筹备方案
2014/03/30 职场文书
联片教研活动总结
2014/07/01 职场文书
苦儿流浪记读书笔记
2015/07/01 职场文书
导游词之阳朔遇龙河
2019/12/16 职场文书
扩展多台相同的Web服务器
2021/04/01 Servers
Django cookie和session的应用场景及如何使用
2021/04/29 Python