jquery.validator 手机号验证

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手机号验证，验证不通过提示“手机号码格式错误”

$(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));
        }, "手机号码格式错误");
    }

　

2020.06.04

var phone = $("#phone").val();
    if (phone==""){
        layer.msg("请输入手机号码",{icon : 2});
        return
    }
    var testPhone = /^1(3|4|5|7|8|9)\d{9}$/;
    if(!testPhone.test(phone)){
        layer.msg("手机号输入格式有误，请重新输入！",{icon:2});
        return;
    }