Bootbox在表單上確認提交

我試圖讓我的ASP.NET Razor應用程序中的表單提交對話框（bootbox）工作。我有這樣的JavaScript代碼：Bootbox在表單上確認提交

$(document).on("click", "#submit", function (e) { 
     e.preventDefault(); 
     var $this = $(this); 
     bootbox.confirm("Are you sure for your choice: " + $this.val() + "?", function (result) { 
      if (result) { 
       $this.submit(); 
      } else { 
       console.log("user declined"); 
      } 
     }); 
    });

而且我的按鈕是：

<div class="form-group"> 
     <div class="col-md-offset-2 col-md-10"> 
      <button type="submit" id ="submit" class="btn btn-default"><span class="glyphicon glyphicon-floppy-save"></span></button> 
     </div> 
    </div> 
</div>

然而，它沒有在所有的工作。我已經導入了庫等，並檢查它們是否在Chrome中加載。

編輯更新了代碼（參見上文）。現在出現Bootbox對話框，但表單不提交。如果單擊「確定」時表單中存在驗證錯誤，它將通知用戶。但是，一旦錯誤被清除，然後他們嘗試提交，它不會提交表單並且什麼都不會發生。

來源

2014-03-02 ASPCoder1450

嘗試針對實際ID

$(document).on("click", "#submit", function (e) { ... 
      //   ^^ the hash is important ...

來源

2014-03-02 22:06:22 adeneo

好吧這就是工作，但是當我按OK按鈕 – ASPCoder1450

都能跟得上形式不提交，爲什麼會呢？ – adeneo

啊我現在看到忘了實際上告訴它提交表單。全部排序。謝謝！ – ASPCoder1450

Bootbox在表單上確認提交

回答

相關問題