首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

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

2012-07-15 
jquery---------ajax+validate表单异步提交验证$(#submitButton).click(function(){//序列化表单var par

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;
          }
});

热点排行