• <fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>
  • <bdo id="8imwq"><input id="8imwq"></input></bdo>
    最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
    問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
    當(dāng)前位置: 首頁 - 科技 - 知識百科 - 正文

    jQuery Validator驗證Ajax提交表單的方法和Ajax傳參的方法

    來源:懂視網(wǎng) 責(zé)編:小采 時間:2020-11-27 22:51:36
    文檔

    jQuery Validator驗證Ajax提交表單的方法和Ajax傳參的方法

    jQuery Validator驗證Ajax提交表單的方法和Ajax傳參的方法:serialize() 方法通過序列化表單值,創(chuàng)建 URL 編碼文本字符串。代替了一個一個傳參的方式 以往寫的ajax傳參方式 $.ajax({ url : ${ctx}/SJStandardDamPartition/insertOrUpdateDamPartition, type : post, data
    推薦度:
    導(dǎo)讀jQuery Validator驗證Ajax提交表單的方法和Ajax傳參的方法:serialize() 方法通過序列化表單值,創(chuàng)建 URL 編碼文本字符串。代替了一個一個傳參的方式 以往寫的ajax傳參方式 $.ajax({ url : ${ctx}/SJStandardDamPartition/insertOrUpdateDamPartition, type : post, data

    serialize() 方法通過序列化表單值,創(chuàng)建 URL 編碼文本字符串。代替了一個一個傳參的方式

    以往寫的ajax傳參方式

    $.ajax({ 
     url : "${ctx}/SJStandardDamPartition/insertOrUpdateDamPartition", 
     type : "post", 
     dataType : "json", 
     data: {beginsectionid:function(){
     return $('#number option:selected').val();
     },
     beginelevation:function(){
     return $('#onset').val();
     },
     endelevation:function(){
     return $('#end').val();
     }
     }, 
     success : function(result) { 
     } 
     }); 

    用serialize()的傳參方式       

     var param = $("#standForm").serialize(); 
     $.ajax({ 
     url : "${ctx}/SJStandardStandardInfo/insertOrUpdateStandardInfo", 
     type : "post", 
     dataType : "json", 
     data: param, 
     success : function(result) { 
     } 
     }); 

    當(dāng)我們在一些稍微復(fù)雜的業(yè)務(wù)時,可能會遇到需要多個表單form在同一個頁面的情況,但是提交一個表單以后不想頁面刷新或者跳轉(zhuǎn),那么我們考慮到的就是Ajax提交表單,那么如何讓jQuery的validator插件也可以對異步提交的表單進(jìn)行驗證呢?我們繼續(xù)往下看。

    在這里,我就用網(wǎng)絡(luò)上的一個例子來說明好了。

    下面是一個比較常見的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 { 
    //返回的結(jié)果轉(zhuǎn)換成JSON數(shù)據(jù) 
    var jsonObj = eval('('+result+')'); 
    startTime = $("#startdate").val(); 
    endTime = $("#enddate").val(); 
    hour = jsonObj.hour; 
    reason = jsonObj.reason; 
     
    replaceDom(startTime,endTime,hour,reason); 
    } 
    } 
    }); 
    }); 

    如果想用ajax提交表單,還想用jquery的validate進(jìn)行驗證,那么可以這樣解決:表單還是正常編寫的表單內(nèi)容,type還是submit類型,只不過在validate驗證通過后的方法中使用ajax提交表單

    $("#saveWorkExtra").validate({ 
    onsubmit:true,// 是否在提交是驗證 
    onfocusout:false,// 是否在獲取焦點時驗證 
    onkeyup :false,// 是否在敲擊鍵盤時驗證 
    rules: { 
    .... 
    }, 
    messages:{ 
    .... 
    }, 
    submitHandler: function(form) { //通過之后回調(diào) 
     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) { //不通過回調(diào) 
     return false; 
     } 
    }); 

    總結(jié)

    以上所述是小編給大家介紹的jQuery Validator驗證Ajax提交表單的方法和Ajax傳參的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

    聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    jQuery Validator驗證Ajax提交表單的方法和Ajax傳參的方法

    jQuery Validator驗證Ajax提交表單的方法和Ajax傳參的方法:serialize() 方法通過序列化表單值,創(chuàng)建 URL 編碼文本字符串。代替了一個一個傳參的方式 以往寫的ajax傳參方式 $.ajax({ url : ${ctx}/SJStandardDamPartition/insertOrUpdateDamPartition, type : post, data
    推薦度:
    標(biāo)簽: 方法 提交 參數(shù)
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 爽爽精品dvd蜜桃成熟时电影院| 亚洲永久精品ww47| 亚洲国产精品国产自在在线| 久久精品嫩草影院| 午夜精品久久久久久久| 国产色婷婷精品综合在线| 99国产精品久久| 精品无码AV无码免费专区| 亚洲国产精品成人一区| 国产偷国产偷高清精品| 老司机国内精品久久久久| 久久国产精品无码HDAV | 国产精品片在线观看手机版| 91精品成人免费国产| 久久伊人精品青青草原日本| 99精品国产一区二区| 国产a∨精品一区二区三区不卡| 亚洲精品无码成人片在线观看| 久久激情亚洲精品无码?V| 国产国拍亚洲精品福利| 欧美日韩在线亚洲国产精品| 99热国内精品| 99精品视频在线观看免费| 精品人妻中文字幕有码在线 | 精品人妻无码一区二区色欲产成人| 中文字幕久久精品| 亚洲精品成a人在线观看| 少妇亚洲免费精品| 亚洲韩国精品无码一区二区三区 | 国产精品91视频| 91精品啪在线观看国产| 国产精品成人观看视频国产奇米| 久久精品国产亚洲av日韩| 色妞ww精品视频7777| 少妇人妻无码精品视频| 人妻精品久久无码区| 青草国产精品久久久久久| 久久国产亚洲精品无码| 国产精品人成在线播放新网站| 国产精品无圣光一区二区| 国产成人精品天堂|