日韩久久久精品,亚洲精品久久久久久久久久久,亚洲欧美一区二区三区国产精品 ,一区二区福利

Validator驗證Ajax提交表單的方法

系統 2523 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條評論
主站蜘蛛池模板: 车险| 醴陵市| 沂南县| 高安市| 淮阳县| 南宫市| 和龙市| 高密市| 丹阳市| 甘德县| 大方县| 黄梅县| 永吉县| 芜湖市| 饶河县| 西安市| 丹东市| 雷州市| 红桥区| 西乌| 闽侯县| 章丘市| 仙桃市| 阿尔山市| 海盐县| 浦北县| 锦州市| 罗山县| 荣昌县| 呼和浩特市| 黄大仙区| 龙州县| 乌兰察布市| 德安县| 海安县| 昌图县| 翁牛特旗| 泾源县| 崇阳县| 元江| 忻城县|