PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > Jquery教程 > 正文

    jquery验证邮箱和手机号实例分享

    作者:admin来源:B5教程网浏览:时间:2020-09-30 00:07:50我要评论
    导读:js验证邮箱或者手机号是网页制作中经常用到的,特此分享一份js验证邮箱和手机号的函数代码,收藏一下,受用终身。用jquery写的,因此不要忘...
    js验证邮箱或者手机号是网页制作中经常用到的,特此分享一份js验证邮箱和手机号的函数代码,收藏一下,受用终身。用jquery写的,因此不要忘了调用jquery库。
     
    复制代码代码如下:
    1. 实现源码:
    2.  
    3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    4. <script type="text/javascript" src="/Public/js/jquery.min.js"></script>
    5. <script type="text/javascript">
    6. $(function(){
    7.  $("#ck_mobile").click(function(){
    8.   var mobile = $("#mobile").val();
    9.   if(!check_mobile(mobile)){
    10.    alert("手机号码格式不正确http://www.111cn.net");
    11.   }else{
    12.    alert("手机号码正确");
    13.   }
    14.  });
    15.  $("#ck_email").click(function(){
    16.   var email = $("#email").val();
    17.   if(!check_email(email)){
    18.    alert("email格式不正确");
    19.   }else{
    20.    alert("email正确");
    21.   }
    22.  });
    23. })
    24.  
    25. //检查手机号码
    26. function check_mobile(mobile){
    27.  if(mobile.length != 11 || isNaN(mobile)){
    28.   return false;
    29.  }
    30.  mobile = mobile.substr(0,3);
    31.  //号段
    32.  var hd = new Array('130','131','132','133','134','135','136','137','138','139','150','151','152','153','154','155','156','157','158','159','180','181','182','183','184','185','186','187','188','189');
    33.  var i = hd.length;
    34.  while (i--) {
    35.   if (hd[i] == mobile) {
    36.    return true;
    37.   }
    38.  }
    39.  return false;
    40. }
    41.  
    42. //验证邮箱是否正确
    43. function check_email(email){
    44.  var reg = /^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/;
    45.  if(!reg.test(email)){
    46.   return false;
    47.  }else{
    48.   return true;
    49.  }
    50. }
    51. </script>
    52.  
    53.  
    54. <p>手机号:<input type="text" id="mobile"  /> <input type="button" value="验证手机号" id="ck_mobile" /></p>
    55. <p>Email:<input type="text" id="email"  /> <input type="button" value="验证邮箱格式" id="ck_email" /></p>
    56.  

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-47-510-1.html
    相关热词搜索: 验证邮箱 验证手机号