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

Validator驗證Ajax提交表單的方法

系統 2486 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條評論
主站蜘蛛池模板: 国产精品福利久久香蕉中文 | 亚洲精品综合一区在线 | 天天躁日日躁狠狠躁综合 | 精品久久久久久国产91 | 国产护士一级毛片高清 | 国产成人免费片在线观看 | 九草在线免费观看 | 性生生活网站免费 | 欧美高清不卡午夜精品免费视频 | 色综合久久天天综合绕观看 | 天天舔天天爽 | 日本精品夜色视频一区二区 | 又爽又黄又无遮挡的视频在线观看 | 淫视频在线观看 | 久久青草免费免费91线频观看 | 2021国产精品自产拍在线观看 | 欧美爱爱片 | 国产精品视频在线观看 | 99r8这里精品热视频免费看 | 亚洲一区综合在线播放 | 日本欧美高清视频 | 夜夜夜爽| 美女被羞羞视频网站在线 | 日本特黄a级高清免费大片18 | 久久的爱久久的你 | 91在线免费视频观看 | 日本免费视屏 | 亚洲综合黄色 | 亚洲综合图片人成综合网 | 亚洲 欧美 中文字幕 | 国产精品国产亚洲精品不卡 | 亚洲免费高清视频 | 久久伊人影视 | 波多野结衣在线观看3人 | 欧美一级毛片高清毛片 | 九九久久国产精品大片 | 国产伦精品一区二区三区无广告 | 中文字幕亚洲综合久久男男 | 色综合视频一区二区观看 | 久久99热66这里只有精品一 | 四虎国产永久在线精品免费观看 |