jquery---------ajax+validate表单异步提交验证

$("#submitButton").click(function(){
//序列化表单
   var param = $("#leaveSave").serialize();
   $.ajax({
      url : "leaveSave.action",
      type : "post",
      dataType : "json",
      data: param,
      success : function(result) {
if(result=='success') {
location.href='allRequisitionList.action';
} else if(result.startWith("error_")){
$("#errorMessage").html(result.substring(6));
} else {
//返回的结果转换成JSON数据
var jsonObj = eval('('+result+')');
startTime = $("#startdate").val();
endTime = $("#enddate").val();
hour = jsonObj.hour;
reason = jsonObj.reason;

replaceDom(startTime,endTime,hour,reason);
}
}
});
});


如果想用ajax提交表单，还想用jquery的validate进行验证，可以采用如下方法。
1：表单还是正常编写的表单内容，button还是submit类型，只不过在validate验证通过后的方法中使用ajax提交表单
$("#saveWorkExtra").validate({
onsubmit:true,// 是否在提交是验证
onfocusout:false,// 是否在获取焦点时验证
onkeyup :false,// 是否在敲击键盘时验证

rules: {
....
},
messages:{
....
},
submitHandler: function(form) {  //通过之后回调
     var param = $("#saveToWorkExtra").serialize();
     $.ajax({
url : "workExtraChange.action",
type : "post",
dataType : "json",
data: param,
success : function(result) {
if(result=='success') {
          location.href='allRequisitionList.action';
} else {
          var jsonObj = eval('('+result+')');
}
}
     });
         },
         invalidHandler: function(form, validator) {  //不通过回调
       return false;
          }
});

评论

1 楼 easy_jing01 2012-07-18  

帮了我一个大忙，谢谢啦