在开发中,我们经常会遇到对表单的输入类型进行限制的情况,如身份证只能15/18位、电话号码只能输入数字、用户名最长不能超过多少位、某个字段必填等限制。这个时候在js中进行正则表达式进行校验是一种很有效简便的方法。如某个输入框是需要输入电话号码类型的,要求的电话号码格式为13811112222、020-12345678、1234567、12345678、020-12345678-456等符合手机和7/8位号码(可带3/4位区号),还可以有分机号。可以对输入框绑定事件onBlur="checkTelNo();",表示在用户输入后移开鼠标则对用户的输入内容进行校验,如果不符合号码规则,则重新将焦点定位在电话号码输入框中,直到输入的内容符合电话号码规则为止。checkTelNo()的实现如下,其中最重要的就是正则表达式的定义。
function checkTelNo(){
var obj = document.forms[0].elements["reservedProp(updatevalue)"];//电话号码匹配格式:11位手机号码 3-4位区号,7-8位直播号码,1-4位分机号
var p = /((\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)/g;
if(obj.value!=null && obj.value.trim()!=""){
if(!p.test(obj.value)){
obj.focus();
alert("请输入正确的电话号码!");
return false;
}
}
}