Jquery Validation验证固话+手机号码

最新推荐文章于 2023-10-09 08:52:53 发布

原创最新推荐文章于 2023-10-09 08:52:53 发布 · 762 阅读

0 ·

CC 4.0 BY-SA版权

我是我家小女孩@khuntoria

本文介绍了如何利用jQuery和jQuery Validation插件进行电话号码（包括固定电话和手机号码）的有效性验证，确保输入的数据格式正确。

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

先引入jQuery+jQuery Validation.js

<div class="edit_phone1 tis_edit">
    <form  id="cell" class="form-horizontal" method="get" action="">
        <div class="select_div new-phone" style="margin-bottom: 0;">
            <span  style="width:86px;">新手机号码：</span>
            <input type="text" id="new_phone" name="new_phone" autofocus="autofocus">
        </div>
    </form>
</div>

 $(function(){
        $("#cell").validate({
            rules: {
                new_phone : {
                    required : true,
                    isMobile : true
                },
            },
            messages: {
                new_phone : {
                    required : "请输入手机号/固话",
                    isMobile : "请输入手机号/固话"
                }
            },
        });

        //手机号码验证
        jQuery.validator.addMethod("isMobile", function(value,element) {
            var length = value.length;
            var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/;
            var tel = /^\d{3,4}-?\d{7,9}$/;
            if(/-/.test((value))){
                return this.optional(element) || (tel.test(value))

            }else {
                return this.optional(element) ||(length==11 &&mobile.test(value))
            }

        }, "请正确填写您的联系电话");
    })