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