JavaScript解決一個帶驗證的Form兩個Submit事件(一個頁面保持不動【AJAX實現】,一個頁面提交並跳轉)的情境

來源:互聯網
上載者:User

標籤:eth   for   multipart   list   失敗   success   ret   -name   value   

<form class="form-horizontal" action="/biz/patent/edit" method="post" enctype="multipart/form-data" data-toggle="validator" role="form" novalidate="true" id="patentEditForm"> 
<button class="btn btn-primary" type="button" id="but_sub">儲存</button> <button class="btn btn-primary" type="button">儲存返回列表</button> <button class="btn btn-warning" type="button" onclick="window.location=‘/biz/project/list‘;">返回</button>
</form>

 

$(document).ready(function(){    var buttonId;    $(‘#patentEditForm‘).validator().on(‘submit‘, function (e) {        if (e.isDefaultPrevented()) {            // handle the invalid form...        } else {            // everything looks good!            if(buttonId == "but_sub"){                var formData = new FormData($("#patentEditForm")[0]);                $.ajax({                    type:"POST",                    url:"/biz/",                    data: formData,                    dataType:"JSON",                    nsync:false,                    cache: false,                    contentType: false,                     processData: false,                    success:function(date){                        switch(date.status){                        case 1:                            $success("儲存成功!");                            break;                        case 1009:                            $error("儲存失敗!");                            break;                        default :                            $error("沒有提交資訊");                        }                    },                    error:function(){                        $error("沒有提交資訊");                    }                });                return false;            }        }    });    $(".btn-primary").click(function(){        buttonId = $(this).attr("id");        $(‘#patentEditForm‘).trigger(‘submit‘);    });

 

1.$(".btn-primary").click()和 $(‘#patentEditForm‘).validator().on(‘submit‘)兩個事件的處理方法之間傳遞參數(用全域變數)。
2.不用原來的表單提交,用.trigger(‘submit‘)方法在JavaScript裡觸發提交。


JavaScript解決一個帶驗證的Form兩個Submit事件(一個頁面保持不動【AJAX實現】,一個頁面提交並跳轉)的情境

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.