今天使用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