手机号码输入格式化，数字三三四的输入；手机正则校验输入是否合理及提示；...

 

H5输入手机号，控制输入的格式为：键入三个数字，自动添加一个空格，再输入三个数字，自动添加一个空格。

html代码如下：

<input id="bankCardTel" type="tel" class="mt30 mui-input-clear" placeholder="请输入手机号" maxlength="13" οnkeyup="common.mobileFormat(this)"

 js如下：

common.mobileFormat = function(param){
	if(param.value.length == 11){
		var phone = param.value.substring(0,3)+" "+param.value.substring(3,7)+" "+param.value.substring(7,param.value.length);
		param.value = phone;
	} else {
		var phone = param.value.replace(/\s/g, "");
		param.value = phone;		
	}
}

 输入完成以后，触发校验规则：

common.mobileCheck = function(mobile){
	var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|17[1-9]{1}|(18[0-9]{1})|(19[0-9]{1}))+\d{8})$/; 
	var myregError = /^((170)+\d{8})$/;
	if(mobile.replace(/\s/g, "").length==0) 
   { 
	  common.Prompt('请输入本人常用手机号'); 
	  return false; 
   }     
   if(mobile.replace(/\s/g, "").length!=11) 
   { 
	   common.Prompt('手机号格式不正确'); 
	   return false; 
   } 
   if(myregError.test(mobile.replace(/\s/g, ""))) { 
		common.Prompt('手机号不符合申请资格，请您更换'); 
		return false; 
	}
	if(!myreg.test(mobile.replace(/\s/g, ""))) { 
		common.Prompt('手机号格式不正确'); 
		return false; 
	}
	return true;
}

 其中common.Prompt在前面已经封装完成！

转载于:https://www.cnblogs.com/sakura-lifangfang/p/9660665.html