jquery 验证手机号和电话号码

最新推荐文章于 2023-09-05 12:13:17 发布

原创最新推荐文章于 2023-09-05 12:13:17 发布 · 1.1w 阅读

3 ·

CC 4.0 BY-SA版权

知识收集专栏收录该内容

181 篇文章

订阅专栏

这篇博客介绍了如何使用jQuery的validatebox插件扩展验证规则，以便于验证手机号码和电话号码的格式。通过定义`phoneRex`、`telNum`和`phoneAndtel`三个验证规则，可以分别检查手机号、座机号以及手机号或座机号的正确格式。示例代码展示了如何在EasyUI的输入框中应用这些验证规则。

$.extend($.fn.validatebox.defaults.rules, {
phoneRex: {
validator: function (value) {
var rex = /^1[3-9]+\d{9}$/;
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: '请输入正确的电话号码格式'
},
phoneAndtel: {
//验证手机号或座机号
validator: function (value) {
var rex = /^1[3-9]+\d{9}$/;
var rex2 = /^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;
if (rex.test(value) || rex2.test(value)) {
return true;
} else {
return false;
}
},
message: '请输入正确的手机号码或电话号码'
}
});

easyui 调用

单个验证规则

多个验证规则