我的項(xiàng)目功能只要對(duì)表單的增刪改查功能, 在處理添加和編輯時(shí)發(fā)現(xiàn)問(wèn)題

無(wú)論是添加還是編輯我都需要調(diào)一個(gè)模態(tài)框, 而且是同一個(gè)模態(tài)框(因?yàn)椴幌雽懚鄠€(gè)), 因此在編輯和添加之間反復(fù)點(diǎn)擊后提交無(wú)法正確的提交, 例如明明想編輯變成了添加

下圖是點(diǎn)擊添加時(shí)的模態(tài)框

下圖是點(diǎn)擊編輯時(shí)的模態(tài)框(選項(xiàng)都相同, 只是編輯時(shí)需要填入數(shù)據(jù))

我的代碼是這樣的:

html

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    // ....
    <form id="myModal-form">
      <div class="modal-body">
        <!-- tab欄 -->
        // ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">關(guān)閉</button>
        <button type="submit" class="btn btn-primary">保存</button>
      </div>
    </form>
  </div>

添加功能的js

    $('.page-content-header .site-add').click(function () {
        $('#myModal-2').modal('show');
        $('#myModal-form').validate({
            rules: {...},
            // 驗(yàn)證通過(guò)提交表單
            submitHandler: function () {...} // 這是一個(gè)jquery-validate驗(yàn)證插件
        })
    })

編輯功能的js

    $('#temp-layout').on('click', '.amend', function () {
        $('#myModal-2').modal('show');
        $('#myModal-form').validate({
            rules: {...},
            submitHandler: function () {...} 
        })
    })

問(wèn)題: 當(dāng)我點(diǎn)擊編輯時(shí)觸發(fā)點(diǎn)擊事件, 模態(tài)框顯示, 這時(shí)不提交直接取消, 再點(diǎn)擊添加后填入表單數(shù)據(jù)調(diào)用的接口確實(shí)編輯的接口

請(qǐng)問(wèn)在還是調(diào)用同一個(gè)模態(tài)框的前提下, 有什么辦法解決現(xiàn)在的問(wèn)題