1.引用jquery-1.9.1.min.js与jquery.validate.min.js
2.在JS加载初始化时,进行事件绑定。
3.BindEvent(); 初始化插件,应用。
4.BindEvent(); 实现自定义校验方法:
$.validator.addMethod("methodName", function(value, element) { if(){ return true; }else{ return false; } }, "");
5.绑定表单校验
_validate = $("#formId").validate({ rules : { 'inputName' : { required : true, methodName :true } }, messages : { 'inputName' : { required : "该项为必填项", methodName:"输入不满足规则" } } });
6.为当前表单输入框追加校验
var rules = {}; rules[inputName1] = { methodName: true }; rules[inputName2] = { methodName: true }; $.extend(_validate.settings.rules, rules); var messages = {}; messages[inputName1] = { methodName:" 输入不满足规则" }; messages[inputName2] = { methodName: "输入不满足规则" }; $.extend(_validate.settings.messages, messages);
7.提交时,验证是否可以提交
if (!$("#formId ").valid()) { return; }