你的位置:首页 > Java教程

[Java教程]jquery.validate和jquery.form配合实现验证表单后AJAX提交


基础代码其实很简单

$(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]);    }   });  } });