基础代码其实很简单
$(document).ready(function () { $("#formid").validate({ submitHandler: function(form) { $(form).ajaxSubmit(); } });});
后面再加强一下
$(document).ready(function () { $("#fromid").validate({ submitHandler: function(form) { $(form).ajaxSubmit({ success: function (result) { //表单提交后更新页面显示的数据 $('#TreeTable').treegrid('reload'); var d = result.split(';'); ShowMsg(d[0], d[1], d[2]); } }); } });});
然后在修改下错误信息显示位置,符合bootstrap样式
$(document).ready(function () { $("#AddColumnsForm").validate({ errorPlacement: function (error, element) {//自定义错误信息显示操作,element是出错的input控件,error可以认为是是包含错误信息的label标签 element.next('span.help-block').remove(); element.after('<span >' + error.text() + '</span>'); element.parent().addClass("has-error"); },submitHandler: function(form) { $(form).ajaxSubmit({ success: function (result) { $('#TreeTable').treegrid('reload'); var d = result.split(';'); ShowMsg(d[0], d[1], d[2]); } }); } });
原标题:jquery.validate和jquery.form配合实现验证表单后AJAX提交
关键词:jquery