非jquery.validate:jquery正则验证邮箱、电话号码(手机号码+座机号码)

摘要李勇:分享jquery判断邮箱、电话号码(手机号码+座机号码)的验证方法,当然你也可以用jquery.validate.js这个(懒人)插件。不管怎么样,还是要了解下验证的原理,举一反三,触类旁通。

非jquery.validate:jquery正则验证邮箱、电话号码

非jquery.validate:jquery正则判断邮箱、电话号码,包括手机号码+座机号码

jquery正则验证邮箱

  1. <script>
  2.        var email = $("#app-email").val();
  3.        if(email == ""){
  4.             alert("请输入您的邮箱!");
  5.             $("#app-email").focus();
  6.             return false;
  7.         }
  8.         if (!email.match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)){
  9.             alert("邮箱格式不正确");
  10.             $("#email").focus();
  11.             return false;
  12.         }
  13. </script>

jquery验证正则电话号码(手机号码+座机号码)

  1. <script>
  2.        var tel = $("#app-tel").val();
  3.         if(tel == ""){
  4.             alert("请输入您的电话!");
  5.             $("#app-tel").focus();
  6.             return false;
  7.         }
  8.         var isMobile = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1})|(14[0-9]{1}))+\d{8})$/;
  9.         var isPhone = /^(?:(?:0\d{2,3})-)?(?:\d{7,8})(-(?:\d{3,}))?$/;
  10.         //如果为1开头则验证手机号码  
  11.         if (tel.substring(01) == 1) {
  12.             if (!isMobile.exec(tel) && tel.length != 11) {
  13.                 alert("手机号码格式不正确!");
  14.                 $("#app-tel").focus();
  15.                 return false;
  16.             }
  17.         }
  18.         //如果为0开头则验证固定电话号码  
  19.         else if (tel.substring(01) == 0) {
  20.             if (!isPhone.test(tel)) {
  21.                 alert("固定电话格式不正确!");
  22.                 $("#app-tel").focus();
  23.                 return false;
  24.             }
  25.         }
  26.         //否则全部不通过  
  27.         else {
  28.             alert("电话格式不正确!");
  29.             $("#app-tel").focus();
  30.             return false;
  31.         }
  32. </script>

jquery.validate

jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。

使用方法:

  1. <script src="//cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
  2. <script src="//cdn.bootcss.com/jquery-validate/1.13.0/jquery.validate.min.js"></script>

给我留言

图片 表情