Javascript弹出确认答案

【问题标题】：Javascript Popup ConfirmJavascript弹出确认
【发布时间】：2016-04-08 20:37:39
【问题描述】：

我有一个表格：

 <form action="addaddresspage3.html" method="post" id="form" class="form">

使用以下提交：

 <input type="submit"  id="continue" value="Add Address"/>

所以用户点击按钮，然后他们被定向到 addaddresspage3.html。表格工作得很好。但我想知道是否有某种确认选项（我猜是 JavaScript 或 jQuery）。例如，用户单击按钮，然后出现一条消息（可以是弹出窗口吗？）说“您确定要继续吗？”，然后用户单击是，他们被定向到 addaddresspage3.html 或然后单击不，他们保持在同一页面上。我见过各种 JS 弹出窗口，但它们只是显示消息，我似乎无法编辑它们以使用户在单击确定时直接进入页面

【问题讨论】：

这是一个非常相似的问题：stackoverflow.com/a/6493075/6033381
给你jqueryui.com/dialog/#modal-confirmation

标签： javascript jquery html

【解决方案1】：

当然，您可以在按钮上添加一个onclick 属性，该属性使用Javascript confirm() 调用并返回用户选择（如果他们选择yes，则提交表单，如果他们选择no，则留在同一页面上）：

<input type="submit" ... onclick='return confirm("Are your sure you want to continue?");'/>

您可以see the most basic demonstration of this here 并在下面看到：

<form>
    <input type="submit" onclick='return confirm("Are your sure you want to continue?");'/>
</form>

【讨论】：

完美。谢谢

【解决方案2】：

您可以使用 jquery 事件beforeunload 询问用户是否要离开当前页面。像下面这样使用它：

$(window).bind('beforeunload', function(){
  return 'Are you sure you want to leave?';
});

【讨论】：

【解决方案3】：

<form action="addaddresspage3.html" method="post" id="form" class="form" onsubmit="javascript:return getConfirm();">
    <input type="submit" id="continue" value="Add Address"/>
</form>
<script>
function getConfirm(){
    if(!window.confirm('Are you sure?!'))
        return false;
    return true;
}
</script>

【讨论】：