Question

我正在尝试使用表单提交对话框（bootbox）在我的ASP.NET Razor应用程序中工作。我有这个JavaScript代码：

   $(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中，并且它们是。

EDIT 更新了代码（见上文）。现在出现Bootbox对话框，但表单未提交。如果单击“确定”时表单中存在验证错误，则会通知用户。但是，一旦错误被清除然后他们尝试提交，它就不会提交表单而且没有任何反应。

Answer 1

尝试定位实际ID

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

表单上的Bootbox确认提交

1 个答案: