1

我有一个按钮,当用户单击以删除网站上的项目时,会弹出一个确认消息,我为此使用 alertify.js 我有按钮等工作但是当单击删除时出现确认框并自动删除项目并在之前消失我可以点击确定确认或取消.. ?

这是html

<button type="submit" class="btn btn-link btn-sm" Onclick="return ConfirmDelete();" style="margin:5px;"></button>

这是javascript代码

 function ConfirmDelete()
{
   alertify.confirm("This is a confirm dialog", function (ev) {
        ev.preventDefault();
        alertify.success("You've clicked OK");
    }, function(ev) {
        ev.preventDefault();
        alertify.error("You've clicked Cancel");
    });
}

我怎样才能防止这种情况发生?

4

1 回答 1

3

在这种情况下,您无法阻止表单提交,因为自定义确认是非阻塞异步对话框。但是,您可以通过在按下按钮false的情况下始终手动(以编程方式)返回和提交表单来停止它:Ok

function ConfirmDelete(button) {
  alertify.confirm("This is a confirm dialog", function() {
    button.form.submit()
    // alertify.success("You've clicked OK", function() {
    //   button.form.submit()
    // });
  }, function() {
    alertify.error("You've clicked Cancel");
  });

  return false;
}

为此,请确保将按钮引用传递给您的函数:

<button type="submit" onclick="return ConfirmDelete(this)">ConfirmDelete</button>
于 2017-01-16T12:32:46.860 回答