若页面存在多个电话号码输入框,需要对每一个进行检查
*例:
html页面
<input id="num1" />
<input id="num2" />
<input id="num3" />
.
.
.
具体代码
//电话号码检查
function CheckModbile(i) {
var mobile = document.getElementById('num' + i).value;
var FirstChar = mobile.slice(0, 1);
if(FirstChar == ""){
return "电话不能为空";
}
//首字母不是1,则是非11位手机号
else if(FirstChar != 1) {
//条件是数字和“-”
var re = /[^\d-]/g;
var result = re.test(mobile);
if (!result) {
return "正确";
} else {
return "错误";
}
} else {
//条件是第一位是1第二位不能是1和2且不能超过11位
var rt = /^1[3,4,5,6,7,8,9][0-9]{9}$/;
var results = rt.test(mobile);
if (!results) {
return "错误";
} else {
return "正确";
}
}
}
调用代码
若页面存在多个输入框,id结尾添加数字,则可便于获取
循环的次数根据需要自定义
for (i = 0; i < 10; i++) {
var die = document.getElementById('num' + i);
if (die == null) continue;
var sjh = CheckModbile(i);
if (sjh == "电话不能为空") alert("电话号码不能为空!");
if (sjh == "电话不能为空") break;
if (sjh == "错误") alert("电话号码填写错误!");
if (sjh == "错误") break;
}
注意:
在html页面定义input的id的时候定义有规律的!