添加 validate 验证规则

上篇文章链接：http://blog.csdn.net/chenmoimg_/article/details/71191476

修改 msg.js

$.extend($.validator.messages, {
    required: "<b style='color:red;font-size: 16px;'>＊ 这是必填字段</b>",
    //添加手机号提示信息。
    phone: "<b style='color:red;font-size: 16px;'>＊ 请输入正确手机号</b>",
    remote: "<b style='color:red;font-size: 16px;'>＊ 请修正此字段</b>",
    email: "<b style='color:red;font-size: 16px;'>＊ 请输入有效的电子邮件地址</b>",
    url: "<b style='color:red;font-size: 16px;'>＊ 请输入有效的网址</b>",
    date: "<b style='color:red;font-size: 16px;'>＊ 请输入有效的日期</b>",
    dateISO: "<b style='color:red;font-size: 16px;'>＊ 请输入有效的日期 (YYYY-MM-DD)</b>",
    number: "<b style='color:red;font-size: 16px;'>＊ 请输入有效的数字</b>",
    digits: "<b style='color:red;font-size: 16px;'>＊ 只能输入正整数或0</b>",
    creditcard: "<b style='color:red;font-size: 16px;'>＊ 请输入有效的信用卡号码</b>",
    equalTo: "<b style='color:red;font-size: 16px;'>＊ 你的输入不相同</b>",
    extension: "<b style='color:red;font-size: 16px;'>＊ 请输入有效的后缀</b>",
    maxlength: $.validator.format("<b style='color:red;font-size: 16px;'>＊ 最多可以输入 {0} 个字符</b>"),
    minlength: $.validator.format("<b style='color:red;font-size: 16px;'>＊ 最少要输入 {0} 个字符</b>"),
    rangelength: $.validator.format("<b style='color:red;font-size: 16px;'>＊ 请输入长度在 {0} 到 {1} 之间的字符串</b>"),
    range: $.validator.format("<b style='color:red;font-size: 16px;'>＊ 请输入范围在 {0} 到 {1} 之间的数值</b>"),
    max: $.validator.format("<b style='color:red;font-size: 16px;'>＊ 请输入不大于 {0} 的数值</b>"),
    min: $.validator.format("<b style='color:red;font-size: 16px;'>＊ 请输入不小于 {0} 的数值</b>")
});
$.validator.setDefaults({
    submitHandler: function() {
        return true;
    }
});
$().ready(function() {
    $("#signupForm").validate();
});
//添加手机号验证规则。
$.validator.methods.phone = function( value, element ) {
    return this.optional( element ) || /^1[34578]\d{9}$/.test( value );

转载于:https://www.cnblogs.com/xianhenyuan/p/11085065.html