Question

我有一张表格：

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

以下提交：

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

因此，用户点击该按钮，然后将其定向到addaddresspage3.html。表格完全正常。但我想知道有没有办法获得某种确认选项（JavaScript或jQuery I＆＃39;猜测）。例如，用户点击按钮，然后是一条消息（可以是一个弹出窗口？），表示类似＆＃34;您确定要继续吗？＆＃34;，然后用户点击是，他们被定向到addaddresspage3.html或单击否，它们保持在同一页面上。我看过各种JS弹出窗口，但它们只显示消息，我似乎无法编辑它们以使用户在单击确定时直接进入页面

Answer 1

当然，您只需向使用Javascript confirm()调用的按钮添加onclick属性并返回用户选择（如果他们选择是，则提交表单并保留在同一页面上选择否）：

<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>

Answer 2

您可以使用jquery事件beforeunload询问用户是否要离开当前页面。使用方式如下：

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

Answer 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>

Javascript弹出确认

3 个答案: