如今,手持智能手机已经成为人们的生活必需品之一。而且,随着各类APP的崛起,手机号码的使用频率也越来越高。而要进行手机号码的正确性检测,可以采用以下的方法。
一、正则表达式
正则表达式是一种用途广泛、功能强大的文本处理工具,可以通过正则表达式对输入的号码进行正确性检测。
function checkPhone(phone){
    var reg = /^1[3-9][0-9]{9}$/;
    if(reg.test(phone)){
        return true;
    }else{
        return false;
    }
}
这个正则表达式采用的是国内11位手机号码标准,以1开头,第二位数字是3-9,后面9位任意数字组合。
二、前端校验工具
很多常见的前端框架都内置了前端校验工具,可以实现对手机号码正确性的检测。例如jQuery、Vue.js等。
//Vue.js的实现示例
data() {
  return {
    phoneNumber: ''
  }
},
methods: {
  validatePhoneNumber: function (phoneNumber) {
    var reg = /^1[3-9][0-9]{9}$/;
    return reg.test(phoneNumber) ? true : false;
  },
  onSubmit: function () {
    if(!this.validatePhoneNumber(this.phoneNumber)){
      alert('请输入正确的手机号码');
      return false;
    }else{
      //提交表单
    }
  }
}
三、后端校验
即使前端校验已经通过,后端校验也是必要的。通过获取前端传来的手机号码,再进行一次正则表达式校验,保证数据的合法性。
//node.js的实现示例
var http = require('http');
var url = require('url');
var querystring = require('querystring');
http.createServer(function (req, res){
    var postdata = "";
    req.addListener("data",function(postchunk){
        postdata += postchunk;
    });
    req.addListener("end",function(){
        var params = querystring.parse(postdata);
        if(!params.phone.match(/^1[3-9][0-9]{9}$/)){
          res.writeHead(200, {"Content-Type": "text/plain;charset=utf-8"});
          res.write("请输入正确的手机号码");
          res.end();
        }else{
          //提交数据
        }
    });
}).listen(3000);
四、第三方SDK
目前市面上已经出现了很多第三方SDK,可以通过API接口进行手机号码的正确性检测。
//短信宝API的实现示例
var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://api.smsbao.com/sms', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
var phone = '13012345678';
xhr.send('u=yourusername&p=yourpassword&m=' + phone);
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var response = xhr.responseText;
        if(response == 0){
            alert('手机号码可用');
        }else{
            alert('请输入正确的手机号码');
        }
    }
};
五、小结
以上四种方法都可以用来校验手机号码的正确性,其中某一种或多种方法可以结合使用,达到最佳效果。
原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/190012.html
 
 微信扫一扫
微信扫一扫  支付宝扫一扫
支付宝扫一扫 