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

Han*_*ong 15 forms jquery confirm

我正在尝试在使用jQuery提交表单之前添加确认.我在提交之前在另一个Stack Overflow问题表单中找到了一个很好的例子,但是我无法让它工作.

jQuery的:

$(function() {
    $('form#delete').submit(function() {
        var c = confirm("Click OK to continue?");
        return c;
    });
});
Run Code Online (Sandbox Code Playgroud)

模板:

<form id="delete" action="{% url 'item_delete' item.id %}" method="post">{% csrf_token %}
    <input class="floatright" type="submit" value="Delete" />
</form>
Run Code Online (Sandbox Code Playgroud)

我们怎样才能做到这一点?

小智 21

   $('#delete').submit(function(event){
     if(!confirm("some text")){
        event.preventDefault();
      }
    });
Run Code Online (Sandbox Code Playgroud)


bru*_*zrk 15

您正在提交表格,在检查确认后,您需要反向

JS:

$(function() {
   $("#delete_button").click(function(){
      if (confirm("Click OK to continue?")){
         $('form#delete').submit();
      }
   });
});
Run Code Online (Sandbox Code Playgroud)

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>
Run Code Online (Sandbox Code Playgroud)

  • 如果您以任何方式提交表单,除了单击此按钮(例如,按下输入另一个输入),这将无法工作.因此,@ user3311206的答案更好. (2认同)