您的位置:首页 > 产品设计 > UI/UE

easy-ui中,判断textbox输入的为指定手机号码或者电话号码的JS

2016-11-11 14:27 447 查看
1、第一步

//自定义验证手机号
$.extend($.fn.validatebox.defaults.rules, {
phoneRex: {
validator: function(value){
var rex=/^1[3-8]+\d{9}$/;
//var rex=/^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;
//区号:前面一个0,后面跟2-3位数字 : 0\d{2,3}
//电话号码:7-8位数字: \d{7,8
//分机号:一般都是3位数字: \d{3,}
//这样连接起来就是验证电话的正则表达式了:/^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/
//var rex2=/^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;
if(rex.test(value)){
return true;
}else{
return false;
}
},
message: '请输入正确的手机号码格式'
},
telNum:{
//验证座机号
validator: function(value){
var rex2=/^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;
if(rex2.test(value)){
return true;
}else{
return false;
}

},
message: '请输入正确的电话号码格式'
}

});2、第二步,在textbox中设置
<tr>
<td><b>家庭电话:</b></td>
<td>
<input id="userTelephone" name="student2.telephone" class="easyui-textbox" style="width: 150px" data-options="required:true,validType:'telNum'" />
</td>
</tr>
<tr>
<td><b>移动电话:</b></td>
<td>
<input id="userPhone" name="student2.phone" class="easyui-textbox" style="width: 150px" data-options="required:true,validType:'phoneRex'" />
</td>
</tr>

第三步、完成,OK
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: