EasyUI 正则验证手机号码

蒲公英丶

于 2019-10-24 10:22:33 发布

阅读量1k

点赞数

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/smileonlytoyou/article/details/102717435

版权

前端专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种使用jQuery的validatebox插件验证电话号码和手机号码的方法。通过自定义验证规则，确保输入的电话号码符合中国大陆的格式标准。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.extend($.fn.validatebox.defaults.rules, {    
    phoneNum: { //验证手机号   
            validator: function(value, param){ 
            return /^1[3-8]+\d{9}$/.test(value);
            },    
            message: '请输入正确的手机号码。'   
    },
    telNum:{ //既验证手机号，又验证座机号
        validator: function(value, param){ 
            return /(^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$)|(^(()|(\d{3}\-))?(1[358]\d{9})$)/.test(value);
        },    
        message: '请输入正确的电话号码。' 
    }  
});

以上为js代码

input标签：

<div style="margin-bottom: 10px">
    <label>联系电话:</label> 
    <input id="" class="easyui-textbox" name="tel" style="width: 200px;" data-options="prompt:'请输入正确的电话号码码',validType:'telNum'" />
</div>
//validType里面，可以用telNum也可以用phoneNum，验证不同