sweetalert確認表單提交時不返回false

Question

之前也曾提出過類似的問題，但我沒有發現對我的要求有用的答復，因此是這個問題。

形式如下：

<form class="form-horizontal" role="form" method = "post" onsubmit = "return step1();" action = "index.php">
.....
<button type="submit" class="btn btn-primary btn-lg btn-block"><i class="fa fa-floppy-o"></i>  Save</button>
</form>

這是javascript函數：

function step1() {

warn = "Some text";
swal({   title: "Warning!",   text: "warn+"\nDo you still want to save this?",   type: "warning",   showCancelButton: true,   confirmButtonColor: "#5cb85c",   confirmButtonText: "Yes!",   cancelButtonText: "Cancel!",   closeOnConfirm: false,   closeOnCancel: false }, function(isConfirm){   if (isConfirm) {     swal("OK!", "Will proceed.", "success"); return true;   } else {     swal("Cancelled", "You may edit it.", "error"); return false;   } });
}

盡管提供了return false; 單擊取消按鈕時，將提交表單。 如何使其運作？ 注意：我對jquery不滿意。

Answer 1

您必須從step1()函數返回，以防止表單提交。

您那里沒有任何退貨聲明。 您的return語句位於一個匿名函數中，該函數看起來像作為參數傳遞的（請格式化您的代碼以使其可讀！）。

如果要使用DOM操作（這是我假設您的庫正在做的事情）來表示消息，那么您只有單擊一下才能阻止UI。

最可能出現的情況是始終阻止提交表單，然后在您單擊“確定”后單擊JS重新觸發提交。