我正在尝试在使用jQuery提交表单之前添加确认。 我在另一个Stack Overflow问题form confirm before submit中找到了一个很好的例子,但是我无法让它工作。
jQuery的:
$(function() {
$('form#delete').submit(function() {
var c = confirm("Click OK to continue?");
return c;
});
});
模板:
<form id="delete" action="{% url 'item_delete' item.id %}" method="post">{% csrf_token %}
<input class="floatright" type="submit" value="Delete" />
</form>
我们如何实现这一目标?
答案 0 :(得分:19)
$('#delete').submit(function(event){
if(!confirm("some text")){
event.preventDefault();
}
});
答案 1 :(得分:14)
您正在提交表格,在检查确认后,您需要反向
JS:
$(function() {
$("#delete_button").click(function(){
if (confirm("Click OK to continue?")){
$('form#delete').submit();
}
});
});
HTML:
<form id="delete" action="{% url 'item_delete' item.id %}" method="post">{% csrf_token %}
<input id="delete_button" class="floatright" type="button" value="Delete" />
</form>
答案 2 :(得分:0)
确保将代码放在$(document).ready()
中,如下所示:
$(document).ready(function () {
$('form#delete').submit(function() {
var c = confirm("Click OK to continue?");
return c;
});
});
答案 3 :(得分:0)
$(function() {
$('form#delete').click(function(e) {
e.preventDefault();
var c = confirm("Click OK to continue?");
if(c){
$('form#delete').submit();
}
});
});
<form id="delete" action="www.google.com">
<input id="deletesubmit" type="submit" value="Delete" />
</form>
答案 4 :(得分:0)
在“提交”按钮上使用以下代码行
onclick="if (confirm('some text')) return true; else return false;"
示例
<form id="delete" action="{% url 'item_delete' item.id %}" method="post">{% csrf_token %}
<input class="floatright" type="submit" onclick="if (confirm('some text')) return true; else return false;" value="Delete" />