JavaScript解決一個帶驗證的Form兩個Submit事件（一個頁面保持不動【AJAX實現】，一個頁面提交並跳轉）的場景

<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里觸發提交。