jquery.validator 手机号验证

佚名 6年前 (2019-04-24) 随笔 1872人围观抢沙发百度已收录

1.在input中加上mobile="true"，maxlength="11"

<label class="w170 control-label floatL">&nbsp;&nbsp;联系电话 &nbsp;</label>
            <div class="col-sm-3 lc_chargeTitleM">
                <input type="text" name="Phone" id="Phone"  value="" mobile="true" maxlength="11" class="form-control"/>
            </div>

2.jauery.validator手机号验证，验证不通过提示“手机号码格式错误”

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

$(function () {
        //正则表达式
        jQuery.validator.addMethod("mobile", function (value, element) {
            var length = value.length;
            var mobile = /^(13[0-9]|14[0-9]|15[0-9]|17[0-9]|18[0-9])[0-9]{8}$/;
            return this.optional(element) || (length == 11 && mobile.test(value));
        }, "手机号码格式错误");
    }