javascript - 如何使用 jquery UI 对话框作为 javascript 确认？

Question

我阅读了很多关于此问题的问题，但每个解决方案都使用相同的解决方法，在 jquery 对话框内提交表单，如下所示:

 $("#dialog").dialog({
  buttons : {
    "Confirm" : function() {
      window.location.href = targetUrl;
    },
    "Cancel" : function() {
      $(this).dialog("close");
    }
  }

有没有更简单的方法，更像 JavaScript 确认？

<input type="submit" onclick="return confirm('are you sure?');" />

为什么像 return true, return false 这样的东西不起作用？

Answer 1

您可以执行以下操作，将输入类型从“提交”更改为“按钮”，然后，您可以使用如下脚本:

$(document).ready(function(){ 
  $("#dialog").dialog({
    autoOpen: false, 
    buttons : {
        "Confirm" : function() {
          $('#form1').submit();
        },
        "Cancel" : function() {
          $(this).dialog("close");
        }
      }
    });
  $('#submitButton').click(function(){
      $("#dialog").dialog('open');
  });
});

这样，只有当用户确认对话框时，您的表单才会提交。

在您的情况下返回 false 或 true 并不重要，因为对话框刚刚显示，但提交事件中的代码会继续执行，除非您在显示对话框后立即返回 false。