jQuery 使用jQuery提交表单前的确认
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/22989740/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Confirmation before submitting form using jQuery
提问by Hans de Jong
I am trying add a confirmation before a form is submitted using jQuery. I found a nice example in another Stack Overflow question form confirm before submitbut I can't get it to work.
我正在尝试在使用 jQuery 提交表单之前添加确认。我在另一个 Stack Overflow 问题表中找到了一个很好的例子，提交前确认，但我无法让它工作。
jQuery:
jQuery：
$(function() {
$('form#delete').submit(function() {
var c = confirm("Click OK to continue?");
return c;
});
});
Template:
模板：
<form id="delete" action="{% url 'item_delete' item.id %}" method="post">{% csrf_token %}
<input class="floatright" type="submit" value="Delete" />
</form>
How can we achieve this?
我们怎样才能做到这一点？
回答by iHadaj
$('#delete').submit(function(event){
if(!confirm("some text")){
event.preventDefault();
}
});
回答by brunozrk
You are submitting the form and after are checking for confirm, you need to the inverse
您正在提交表格并在检查确认后，您需要反向
JS:
JS：
$(function() {
$("#delete_button").click(function(){
if (confirm("Click OK to continue?")){
$('form#delete').submit();
}
});
});
HTML:
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>
回答by Zvonimir Buri?
Make sure that you put your code in $(document).ready(), like this:
确保将代码放入 中$(document).ready()，如下所示：
$(document).ready(function () {
$('form#delete').submit(function() {
var c = confirm("Click OK to continue?");
return c;
});
});
回答by Tuhin
$(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>
