使用jQuery提交表单之前的确认

时间:2014-04-10 13:40:01

标签: jquery forms confirm

我正在尝试在使用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>

我们如何实现这一目标?

5 个答案:

答案 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" />