js校验手机号

2018年1月13日 0条评论 192次阅读 0人点赞慕容

js 如何校验手机号码呢?

手机号有如下规则:

(1)必须全为数字;

(2)必须是11位.(有人说还有10位的手机号,这里先不考虑);

(3)必须以1开头(有人见过以2开头的手机号吗?)

(4)第2位是34578中的一个.

js方法如下:

Js代码

通过正则表达式来校验

页面代码如下:

Html代码

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="application/javascript" src="jquery-1.11.1.js" ></script>
<script type="application/javascript" src="page.js" ></script>
</head>
<body>
<div class="reg_con" style="position:relative;">
<label>联系电话</label>
<input id="telphone" type="text" name="userExt.telphone" value="13800000000" class="inp" maxlength="13"/>
<div id="telphone_tip" style="position:absolute;top:20px; color:#c00; font-weight:bold;">
</div>
</div>
<script type="application/javascript" >
$("#telphone").blur("blur",function(){
var telphone = $("#telphone").val();
if(telphone == ""){
$("#telphone_tip").html("提示：联系电话不能为空");
}
else
{
if(telRuleCheck2(telphone)){
$("#telphone_tip").html("");
}
else
{
$("#telphone_tip").html("联系电话格式不正确");
};
};
});
</script>
</body>
</html>

界面如下:

正则表达式说几点:

(1)^表示开头 ; $ 表示结尾;

(2)i表示忽略大小写;g表示全局匹配,而不是只匹配一次

(3)\d表示数字,即0123456789,\w表示26个字母;\s表示空格Tab换行等

-------------------20151008更新 ----------------

应用:

Js代码

更宽松的校验方式:

Js代码

更多精彩内容：各种AI课程、技能课程、黑科技软件、网站小程序源码、副业小项目、PPT模板等精品素材、电商课程、推广引流课程等，尽在天边资源网。

慕容的工作随笔