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

 更新时间:2016年07月04日 09:03:31   作者:yanhui_wei  
这篇文章主要介绍了js与jquery正则验证电子邮箱、手机号、邮政编码的方法,涉及javascript与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.jb51.net/regex/javascript

正则表达式在线生成工具:
http://tools.jb51.net/regex/create_reg

希望本文所述对大家javascript程序设计有所帮助。

相关文章

  • 微信小程序转化为uni-app项目的方法示例

    微信小程序转化为uni-app项目的方法示例

    这篇文章主要介绍了微信小程序转化为uni-app项目的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • 封装好的js判断操作系统与浏览器代码分享

    封装好的js判断操作系统与浏览器代码分享

    这篇文章主要介绍了封装好的js判断操作系统与浏览器代码分享,对于我们做系统、浏览器兼容非常有帮助,需要的朋友可以参考下
    2015-01-01
  • JS与框架页的操作代码

    JS与框架页的操作代码

    JS与框架页的操作函数代码,多用于控制框架页,一般后台利用的比较多。
    2010-01-01
  • JavaScript将相对地址转换为绝对地址示例代码

    JavaScript将相对地址转换为绝对地址示例代码

    本文为大家详细介绍下JavaScript怎么将相对地址转换为绝对地址,具体的示例如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • JavaScript处理XML DOM、XPath和XSLT方法详解

    JavaScript处理XML DOM、XPath和XSLT方法详解

    这篇文章介绍了JavaScript处理XML DOM、XPath和XSLT的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-05-05
  • JS回调函数的应用简单实例

    JS回调函数的应用简单实例

    这篇文章主要分享了JS回调函数应用的简单实例,比较实用,需要的朋友可以参考下
    2014-09-09
  • 一文带你详细理解uni-app如何构建小程序

    一文带你详细理解uni-app如何构建小程序

    uni-app是近年来一种新兴的多端混合开发框架,适合开发跨平台应用,方便多端运行,下面这篇文章主要给大家介绍了关于uni-app如何构建小程序的相关资料,需要的朋友可以参考下
    2022-11-11
  • 小程序表单校验uni-forms的正确使用方式以及避坑指南

    小程序表单校验uni-forms的正确使用方式以及避坑指南

    因微信小程序上没有自带表单验证,为了实现就自己做了个表单验证,下面这篇文章主要给大家介绍了关于小程序表单校验uni-forms的正确使用方式以及避坑指南,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • JS返回只包含数字类型的数组实例分析

    JS返回只包含数字类型的数组实例分析

    这篇文章主要介绍了JS返回只包含数字类型的数组实现方法,结合实例形式分析了循环遍历数组及正则匹配两种实现技巧,需要的朋友可以参考下
    2016-12-12
  • JavaScript中Require调用js的实例分享

    JavaScript中Require调用js的实例分享

    下面小编就为大家带来一篇JavaScript中Require调用js的实例分享。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10

最新评论