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
//自定义验证手机号
$.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
相关文章推荐
- 项目经验:js 结合正则表达式判断是否为电话号码或者手机号码
- js验证输入是否为手机号码或电话号码
- js检测只输入中文和判断手机号码
- js验证输入是否为手机号码或电话号码
- JS正则验证手机号码或者电话号码
- js验证输入是否为手机号码或电话号码
- js判断用户输入是否是固定电话或者电话号码
- js验证输入是否为手机号码或电话号码
- JS正则验证手机号码或者电话号码(转)
- 常用的js验证数字,电话号码,传真,邮箱,手机号码,邮编,日期
- 常用的js验证数字,电话号码,传真,邮箱,手机号码,邮编,日期
- JS验证 数字 电话号码 传真 邮箱 手机号码 邮编 日期
- 常用的js验证数字,电话号码,传真,邮箱,手机号码,邮编,日期
- 常用的js验证数字,电话号码,传真,邮箱,手机号码,邮编,日期
- 常用的js验证数字,电话号码,传真,邮箱,手机号码,邮编,日期
- 常用的js验证数字,电话号码,传真,邮箱,手机号码,邮编,日期
- 常用的js验证数字,电话号码,传真,邮箱,手机号码,邮编,日期
- 页面输入判断是否为各种数字(如空、0~9数字、浮点数、电话手机号码、身份证、邮编等等)