添加 validate 验证规则

修改 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 );