jQuery Validate插件
访问 jQuery Validate 官网,下载最新版的 jQuery Validate 插件。
工作例子:
//添加校验规则$(function(){ $("#add_kcid").focus(); $("#searchForm").validate({ errorElement:‘div‘, errorClass:‘help-block‘, focusInvalid: true, rules:{ add_kcid:{ required:true, }, add_exam_number:{ required:true, }, add_xkName:{ required:true, stringCheck:true, remote:{ type:"get", url:"${ctx}/wj/checkXkName", data:{ ksid:encodeURIComponent("${ksid}"), add_kcid:encodeURIComponent("${add_kcid}"), add_exam_number:encodeURIComponent("${add_exam_number}"), add_xkid:function(){ return $("#add_xkidId").val(); } } } } }, messages:{ add_kcid:{required:"请选择考场"}, add_exam_number:{required:"请选择考号"}, add_xkName:{ required:"请选择违纪学科", remote:"该违纪考生已存在" }, }, invalidHandler: function (event, validator) { }, highlight: function (e) { $(e).removeClass(‘has-info‘).addClass(‘has-error‘); }, success: function (e) { $(e).removeClass(‘has-error‘).addClass(‘has-info‘); $(e).remove(); }, errorPlacement: function (error, element) { error.insertAfter(element.parent()); }, submitHandler:function (form) { //添加违纪学生 $(form).ajaxSubmit({ target: ‘#ajax_target‘, url:"${ctx}/wj/addStu" }); } }); });
时间: 2024-11-05 23:27:19