亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

Validator驗證Ajax提交表單的方法

系統 2166 0
當我們在一些稍微復雜的業務時,可能會遇到需要多個表單form在同一個頁面的情況,但是提交一個表單以后不想頁面刷新或者跳轉,那么我們考慮到的就是Ajax提交表單,那么如何讓Jquery的validator插件也可以對異步提交的表單進行驗證呢?我們繼續往下看。 ?

在這里,我就用網絡上的一個例子來說明好了。
?

下面是一個比較常見的jquery .ajax提交表單的寫法 ?
        $("#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進行驗證,那么可以這樣解決:表單還是正常編寫的表單內容,type還是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
              
              
                ;

          }

}); 
              
            

?

Validator驗證Ajax提交表單的方法


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 国产成人一区二区三区免费观看 | 欧美亚洲国产成人精品 | 婷婷在线成人免费观看搜索 | 免费看片黄 | 狠狠狠狠狠狠干 | 中文字幕亚洲欧美一区 | 日本福利片国产午夜久久 | 婷婷色在线 | 99国产情在线视频 | 久久这里有 | 成人精品视频一区二区在线 | 亚洲男女在线 | 久久久精品一区二区三区 | 国产精品麻豆a啊在线观看 国产精品麻豆高清在线观看 | 青青青国产免费全部免费观看 | 人成精品视频三区二区一区 | 黄色一级免费网站 | 中文字幕视频在线播放 | 欧美在线精品一区二区三区 | 亚洲欧美一区二区三区国产精品 | 一区视频在线播放 | 国产小视频免费观看 | 日日操夜夜骑 | 欧美麻豆久久久久久中文 | 最近中文字幕在线视频1 | 天天夜碰日日摸日日澡 | 久久在线视频免费观看 | 久久社区视频 | 国产女人伦码一区二区三区不卡 | 欧美激情亚洲精品日韩1区2区 | 日本在线观看www鲁啊鲁视频 | 亚洲综合性图 | 伊人久久五月天 | 亚洲综合日韩精品欧美综合区 | 一级毛片一级毛片一级毛片aa | 久青草国产手机在线视频 | 亚洲国产精品第一区二区 | 精品亚洲一区二区三区 | 特级片毛片 | 综合久久久久综合体桃花网 | 午夜伦y4480影院中文字幕 |