大清早写个正则【练习】

最新推荐文章于 2016-12-19 17:31:08 发布

橡皮擦Mid

最新推荐文章于 2016-12-19 17:31:08 发布

阅读量744

点赞数

分类专栏：知识点整理文章标签：正则表单手机运营商

本文链接：https://blog.csdn.net/listen_for/article/details/53125839

版权

知识点整理专栏收录该内容

57 篇文章 1 订阅

订阅专栏

没调接口用正则验证手机号码运营商

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>正则匹配1-11位电话号码 匹配运营商</title>
</head>
<body>
<form action="www.baidu.com" οnsubmit="return sub()" method="post">
<table>
   <tr>
      <td>手机号</td>
      <td><input type="text" name="phone" οnblur="check_phone()"><span id="ph"></span></td>
   </tr>
   <tr>
      
      <td colspan="2"><input type="submit" value="登录">
         <input type="reset" value="重置"></td>
   </tr>
</table>
</form>
</body>
<script type='text/javascript'>

//接全局ID返回文件通过元素
function $(name){
            return document.getElementsByName(name);
      }
function check_phone(phone){  
      
        var phone = $("phone")[0].value;
        
        var regex = /^(134|135|136|137|138|139|150|151|157|158|159)[0-9]{8}$/;  
        if(regex.test(phone)){  
            // alert("中国移动！"); 
             document.getElementById("ph").innerHTML="中国移动！"; 
            return true;  
        }  
        regex = /^(130|131|132|155|156)[0-9]{8}$/;  
        if(regex.test(phone)){  
            // alert("中国联通！");  
             document.getElementById("ph").innerHTML="中国联通！";
            return true;  
        }  
        regex = /^(133|153|189)[0-9]{8}$/;  
        if(regex.test(phone)){  
            // alert("中国电信！");  
            document.getElementById("ph").innerHTML="中国电信！";
            return true;
        }  
//验证非空！
        if(phone==""){  
            alert("请输入号码啊您");  
            return false;
        }  
//验证输入规则
        regex = /^1[3,5,8]\d{9}$/
       if (!regex.test(phone)){
                document.getElementById("ph").innerHTML="<font color='red'>必须是11位数组成，为13,15,18开头<font/>";
                return false;
        }

}

function sub(){
            if (check_phone())
            {
                return true;
            }else{
                return false;
            }
}
</script>
</html>

第二个：全一点的表单验证

<!doctype html>

<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1 style="color:orange;">欢迎注册学生信息</h1>
<form action="" οnsubmit="return sub()">
   <table border="5" color="orange">
       <tr>
           <td>姓名：</td>
           <td><input type="text" name="username" οnblur="check_user()"><span id="u"></span></td>
       </tr>
       <tr>
           <td>密码：</td>
           <td><input type="text" name="pwd" οnblur="check_pwd()"><span id="p"></span></td>
       </tr>
       <tr>
           <td>确认密码：</td>
           <td><input type="text" name="pwd1" οnblur="check_pwd1()"><span id="rp"></span></td>
       </tr>
       <tr>
           <td>性别：</td>
           <td><input type="radio" name="sex" value="男" οnblur="check_sex()">男
               <input type="radio" name="sex" value="女" οnblur="check_sex()">女
               <span id="s"></span></td>
       </tr>
       <tr>
           <td>邮箱：</td>
           <td><input type="text" name="email" οnblur="check_email()"><span id="e"></span></td>
       </tr>
       <tr>
           <td>城市：</td>
           <td><select name="city" οnblur="check_city()">
                   <option value="">请选择</option>
                   <option value="北京">北京</option>
                   <option value="曼谷">曼谷</option>
                   <option value="东京">东京</option>
                   <option value="纽约">纽约</option>
                   <option value="莫斯科">莫斯科</option>
           </select>
           <span id="c"></span></td>
       </tr>
       <tr>
           <td>手机号</td>
           <td><input type="text" name="phone" οnblur="check_phone()"><span id="ph"></span></td>
       </tr>
       <tr>
           <td>座机号：</td>
           <td><input type="text" name="number" οnblur="check_number()"><span id="n"></span></td>
       </tr>
       <tr>
           <td>身份证号：</td>
           <td><input type="text" name="shenfen" οnblur="check_shen()"><span id="sf"></span></td>
       </tr>
       <tr>
           <td>QQ号</td>
           <td><input type="text" name="qq" οnblur="check_qq()"><span id="q"></span></td>
       </tr>
       <tr>
           <td>自我介绍</td>
           <td><textarea name="intro" cols="30" rows="10" οnkeydοwn="check_intro()"></textarea><span id="i"></span></td>
       </tr>
       <tr>
           <td></td>
           <td><input type="submit" value="登录">
               <input type="reset" value="重置"></td>
       </tr>
   </table>
</form>
</body>
<script type="text/javascript">
//接全局ID返回文件通过元素
function $(name){
       return document.getElementsByName(name);
}
//必须由5到10位数字或者字母组成，不允许数字开头
function check_user(){
   var user = $("username")[0].value;
   var reg = /^[a-z]\w{4,9}$/i;
   if (reg.test(user)) {
               document.getElementById("u").innerHTML="√";
               return true;
   }else{
               document.getElementById("u").innerHTML="必须由5到10位数字或者字母组成，不允许数字开头";
               return false;
   }
}
//密码长度不能少于六位
function check_pwd(){
   var pwd = $("pwd")[0].value;
   var reg = /^\w{6,}$/
   if (reg.test(pwd)) {
               document.getElementById("p").innerHTML="√";
               return true;
   }else{
               document.getElementById("p").innerHTML="密码长度不能少于六位";
               return false;
   }
}
//确认密码必须和密码一致
function check_pwd1(){
   var pwd = $("pwd")[0].value;
   var pwd1 = $("pwd1")[0].value;
   var reg = /^\w{6,}$/
   if (pwd != pwd1) {
           document.getElementById("rp").innerHTML="两次密码不一致";
           return false;
   }else{
   if(reg.test(pwd1)){
               document.getElementById("rp").innerHTML="√";
               return true;
   }else{
               document.getElementById("rp").innerHTML="确认密码长度不能少于六位";
               return false;
   }
}
}
//验证性别必选一项
function check_sex(){
   var sex = $("sex");
   var num = 0 ;
   for (var i = 0; i < sex.length; i++) {
      if (sex[i].checked == true) {
                  num ++;
          }
}
   if (num<1) {
          document.getElementById("s").innerHTML="性别必须选择一项";
              return false;
      }else{
      document.getElementById("s").innerHTML="√";
          return true;

   }
}

//必须包含@符号以.com或者.cn或者.net结尾
function check_email(){
       var email = $("email")[0].value;
       var reg = /^\w+@\w+(\.)com|net|cn$/;
       if (reg.test(email)) {
               document.getElementById("e").innerHTML="√";
               return true;
       }else{
               document.getElementById("e").innerHTML="邮箱必须包含@符号以.com或者.cn或者.net结尾";
               return false;
       }
}
//必须是11位数组成，为13,15,18开头
function check_phone(){
       var phone = $("phone")[0].value;
       var reg = /^1[3,5,8]\d{9}$/
       if (reg.test(phone)) {
               document.getElementById("ph").innerHTML="√";
               return true;
       }else{
               document.getElementById("ph").innerHTML="必须是11位数组成，为13,15,18开头";
               return false;
       }
}

//座机号必须是010-68801717这种格式，前面是三位的区号，后面是8位的电话号
function check_number(){
   var number = $("number")[0].value;
   var reg = /^\d{3,}-\d{8}$/
   if (reg.test(number)) {
           document.getElementById("n").innerHTML="√";
           return true;
   }else{
           document.getElementById("n").innerHTML="座机号必须是010-68801717这种格式，前面是三位的区号，后面是8位的电话号";
           return false;
   }
}
//必须是15位或者18位的数字组成，18位的最后一位可以是X
function check_shen(){
   var sf = $("shenfen")[0].value;
   var reg = /^\d{15}|\d{17}x|\d{18}$/
   if (reg.test(sf)) {
           document.getElementById("sf").innerHTML="√";
           return true;
   }else{
           document.getElementById("sf").innerHTML="必须是15位或者18位的数字组成，18位的最后一位可以是X";
           return false;
   }
}
//必须是8到11位数字组成的
function check_qq(){
   var qq = $("qq")[0].value;
   var reg = /^\d{8,11}$/
   if (reg.test(qq)) {
           document.getElementById("q").innerHTML="√";
           return true;
   }else{
          document.getElementById("q").innerHTML="QQ号必须是8到11位数字组成的"
          return false;
   }
}
//地区必须选一项
function check_city(){
   var city = $("city")[0].value;
   if (city == '') {
           document.getElementById("c").innerHTML="必选一项";
           return false;
   }else{
           document.getElementById("c").innerHTML="√";
           return true;
   }

}
//简介必须在20个中文以内
function check_intro(){
   var intro = $("intro")[0].value;
   var reg= /^[\u4e00-\u9fa5]{1,19}$/
   if (reg.test(intro)) {
           document.getElementById("i").innerHTML="√";
           return true;
   }else{
           document.getElementById("i").innerHTML="简介必须在20个字以内（只限中文）";
           return false;

   }
   if (intro.length>20) {
           $("intro").value=intro.substr(0,20);
           document.getElementById("i").innerHTML="已经超过限制数字";
           return false;
   };
}
//提交按钮接所有的验证
function sub(){
           if (check_sex() & check_user() & check_pwd() & check_pwd1() & check_email() & check_phone() & check_number() & check_shen() & check_qq() & check_city() & check_intro()) {
               return true;
           }else{
               return false;
           }
}
</script>

</html>