您的位置:首页 > Web前端 > JQuery

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

2016-02-01 13:25 821 查看
$("#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; 
          } 
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery---------ajax+