jQuery Validate.js 自定义验证规则-手机号码

HTML:

<form action="xxx" method="post" id="myform">
    <input type="text" name="phone" placeholder="请输入手机号码" />
    <button type="submit">提交</button>
</form>

JS:

//手机号码验证  
jQuery.validator.addMethod("isMobile", function(value, element) {  
var length = value.length;  
var mobile = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$/;  
return this.optional(element) || (length == 11 && mobile.test(value));  
}, "请正确填写手机号码");  

$("#myform").validate({
    rules: {
        phone: {
            required: true,
            isMobile : true
        }
    },
    messages: {
        phone: {
            required: "必填",
            isMobile : "请正确填写手机号码"
        }
    }
});