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

qeeaahzv  于 2023-05-19  发布在  Go
关注(0)|答案(8)|浏览(162)

我正在学习使用Django进行web开发,并且在将代码放置在哪里方面遇到了一些问题,这些代码可以改变是否在HTML code中提交请求。
例如,有一个包含form(博客)的网页要由用户填写,单击“保存”按钮后,会弹出一个询问您是否要confirm的窗口。如果单击confirm,则发送请求。
我搜索并找到了这个javascript代码。

<script type="text/javascript">
function clicked() {
    alert('clicked');
}
<input type="submit" onclick="clicked();" value="Button" />

但我猜这不是正确的功能,因为在我看来,每当你点击按钮,请求将被提交。那么我如何延迟提交请求直到用户确认提交?

2nc8po8w

2nc8po8w1#

最紧凑的版本:

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

qaxu7uf22#

我相信你想用confirm()

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

</script>
sg3maiej

sg3maiej3#

使用window.confirm()代替window.alert()
HTML:

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

JavaScript:

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

1zmg4dgp4#

<script type='text/javascript'>

function foo() {

var user_choice = window.confirm('Would you like to continue?');

if(user_choice==true) {

window.location='your url';  // you can also use element.submit() if your input type='submit' 

} else {

return false;

}
}

</script>

<input type="button" onClick="foo()" value="save">
e4yzc0pl

e4yzc0pl5#

对于Django表单,你可以在表单标签中添加确认对话框:

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

jgwigjjp6#

您可以使用的另一个选项是:

onclick="if(confirm('Do you have sure ?')){}else{return false;};"

使用此功能的提交按钮,你会得到你所期望的。

6yjfywim

6yjfywim7#

您可以在提交按钮中使用onclick

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

您也可以使用onsubmit的形式:

<form action="/" method="POST" onsubmit="return confirm('Are you sure?');">
  <button type="submit"/>Delete</button>
</form>
h7appiyu

h7appiyu8#

向按钮添加onClick函数

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

相关问题