標籤: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實現】,一個頁面提交並跳轉)的情境