HTML - 如何确认弹出一个提交按钮,然后发送请求？

Question

我正在学习使用Web开发,Django并且在将代码置于何处提交请求的代码中存在一些问题HTML code.

例如.有一个网页包含一个form(博客)由用户填写,点击"保存"按钮后,会弹出一个询问您是否愿意的弹出窗口confirm.如果单击confirm,则发送请求.

我搜索并找到了这段javascript代码.

<script type="text/javascript">
function clicked() {
    alert('clicked');
}

<input type="submit" onclick="clicked();" value="Button" />

但我想这不是正确的功能,因为在我看来,无论何时单击按钮,都会提交请求.那么如何在用户确认提交之前延迟提交请求？

Answer 1

最紧凑的版本:

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

需要注意的关键是 return

-

因为皮肤猫的方法有很多种,所以这是另一种替代方法:

HTML:

<input type="submit" onclick="clicked(event)" />

使用Javascript:

<script>
function clicked(e)
{
    if(!confirm('Are you sure?'))e.preventDefault();
}
</script>

Answer 2

我相信你想用confirm()

<script type="text/javascript">
    function clicked() {
       if (confirm('Do you want to submit?')) {
           yourformelement.submit();
       } else {
           return false;
       }
    }

</script>

Answer 3

用window.confirm()而不是window.alert().

HTML:

<input type="submit" onclick="return clicked();" value="Button" />

JavaScript的:

function clicked() {
    return confirm('clicked');
}

Answer 4

对于 Django 表单，您可以在表单标签内添加确认对话框：

<form action="{% url 'delete' %}" method="POST" onsubmit="return confirm ('Are you sure?')">