博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
手机号码验证的例子
阅读量:5821 次
发布时间:2019-06-18

本文共 1896 字,大约阅读时间需要 6 分钟。

hot3.png

做手机号的验证一定要知道手机号段:

//移动号码归属地支持号段:134 135 136 137 138 139 147 150 151 152 157 158 159 178  182 183 184 187 188//联通号码归属地支持号段:130 131 132  145 155 156 176  186  //电信号码归属地支持号段:133 153 177 180 181 189   //移动运营商:170

因此正则可以是:

var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0]{1})|(15[0-3]{1})|(15[5-9]{1})|(18[0-9]{1}))+\d{8})$/;  

首先HTML代码 :

引入jQuery库:

<script src="你自己的jquery库路径"> </script>

<input type="text" id="phone" name="phone" />

 

《************************华丽的分割线******************************************************》

其次:开始验证

//验证手机号

         function vailPhone(){
             var phone = jQuery("#phone").val();
             var flag = false;
             var message = "";
             var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0]{1})|(15[0-3]{1})|(15[5-9]{1})|(18[0-9]{1}))+\d{8})$/;             
             if(phone == ''){
                 message = "手机号码不能为空!";
             }else if(phone.length !=11){
                 message = "请输入有效的手机号码!";
             }else if(!myreg.test(phone)){
                 message = "请输入有效的手机号码!";
             }else if(checkPhoneIsExist()){
                 message = "该手机号码已经被绑定!";
             }else{
                     flag = true;
             }
             if(!flag){
            //提示错误效果
                 //jQuery("#phoneDiv").removeClass().addClass("ui-form-item has-error");
                 //jQuery("#phoneP").html("");
                 //jQuery("#phoneP").html("<i class=\"icon-error ui-margin-right10\">&nbsp;<\/i>"+message);
                 //jQuery("#phone").focus();
             }else{
                        //提示正确效果
                 //jQuery("#phoneDiv").removeClass().addClass("ui-form-item has-success");
                 //jQuery("#phoneP").html("");
                 //jQuery("#phoneP").html("<i class=\"icon-success ui-margin-right10\">&nbsp;<\/i>该手机号码可用");
             }
             return flag;
          }

 

 

 

 

《************************华丽的分割线******************************************************》

在后端进行判断:

//验证手机号是否存在

             function checkPhoneIsExist(){
                 var phone = jQuery("#phone").val();
                 var flag = true;
                 jQuery.ajax(
                    { url: "checkPhone?t=" + (new Date()).getTime(),
                        data:{phone:phone},
                        dataType:"json",
                             type:"GET",
                             async:false,
                             success:function(data) {
                              var status = data.status;
                             if(status == "0"){
                                 flag = false;
                             }
                         }
                });
                return flag;
             }

转载于:https://my.oschina.net/u/3720923/blog/1586123

你可能感兴趣的文章
矩阵常用归一化
查看>>
Oracle常用函数总结
查看>>
【聚能聊有奖话题】Boring隧道掘进机完成首段挖掘,离未来交通还有多远?
查看>>
盘点物联网网关现有联网技术及应用场景
查看>>
考研太苦逼没坚持下来!看苑老师视频有点上头
查看>>
HCNA——RIP的路由汇总
查看>>
zabbix监控php状态(四)
查看>>
实战Django:小型CMS Part2
查看>>
原创]windows server 2012 AD架构试验系列 – 16更改DC计算机名
查看>>
统治世界的十大算法
查看>>
linux svn安装和配置
查看>>
SSH中调用另一action的方法(chain,redirect)
查看>>
数据库基础
查看>>
表格排序
查看>>
关于Android四大组件的学习总结
查看>>
java只能的round,ceil,floor方法的使用
查看>>
由于无法创建应用程序域,因此未能执行请求。错误: 0x80070002 系统找不到指定的文件...
查看>>
新开的博客,为自己祝贺一下
查看>>
【CQOI2011】放棋子
查看>>
采用JXL包进行EXCEL数据写入操作
查看>>