黄色网页视频 I 影音先锋日日狠狠久久 I 秋霞午夜毛片 I 秋霞一二三区 I 国产成人片无码视频 I 国产 精品 自在自线 I av免费观看网站 I 日本精品久久久久中文字幕5 I 91看视频 I 看全色黄大色黄女片18 I 精品不卡一区 I 亚洲最新精品 I 欧美 激情 在线 I 人妻少妇精品久久 I 国产99视频精品免费专区 I 欧美影院 I 欧美精品在欧美一区二区少妇 I av大片网站 I 国产精品黄色片 I 888久久 I 狠狠干最新 I 看看黄色一级片 I 黄色精品久久 I 三级av在线 I 69色综合 I 国产日韩欧美91 I 亚洲精品偷拍 I 激情小说亚洲图片 I 久久国产视频精品 I 国产综合精品一区二区三区 I 色婷婷国产 I 最新成人av在线 I 国产私拍精品 I 日韩成人影音 I 日日夜夜天天综合

Validator驗證Ajax提交表單的方法

系統 2668 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條評論