今天使用jquery.validate.js表单验证

今天使用jquery.validate.js表单验证

使用metronic中的两个js文件

jquery.validate.min.js

form-wizard.js

目前只会使用三个方面：

// 1.在validator中插入中文输入验证规则
jQuery.validator.addMethod("isChinese", function(value, element) {
var chinese = /^[\u4e00-\u9fa5]{1,20}$/g;
return this.optional(element) || (chinese.test(value));
}, "请填写中文。");

//2.检测表单输入信息

var form = $('#submit_form');

form.validate({
                doNotHideMessage: true, //this option enables to show the error/success messages on tab switch.
                errorElement: 'span', //default input error message container
                errorClass: 'help-block help-block-error', // default input error message class
                focusInvalid: false, // do not focus the last invalid input
                //2.1配置name=mctName的输入限制规则。

rules: {
//商户信息
mctName: {
required: true ,
isChinese: true
}

}

//2.2配置提示信息

messages: { // custom messages for radio buttons and checkboxes
mctName:{
required : "请输入商户名称"
}

}

});

效果如图：

具体函数可以查看jquery.validate.js   API