提交前检查表单使用 Ajax Django

Question

我使用 Ajax 将数据从表单发送到服务器。但是我想在 Ajax:

提交之前检查表单中的数据

<form id='#id_form' onsubmit='return checkInputSubmit();' >
...
</form>

在Ajax中：

$('#id_form').submit(function(e) {
        e.preventDefault();

        $.ajax({
            type: 'POST',
            url: url,
            dataType: 'json',
            data: $('#id_form').serialize(), // serializes the form's elements.
            success: function(data) {
                if(data.result == true) {
                    //My code
                }
                else {
                    //My code
                }
            }
        });
    });

但是 checkInputSubmit() 无法阻止 Ajax 的提交。您可以为我解释并给我解决方案，以便在 Ajax 提交之前检查表单中的数据。谢谢

Answer 1

在 $('#id_form').submit(function(e) 事件中，您可以 check/edit/return... 在调用 Ajax 之前，您可以做任何您想要的事情。在 Ajax 内，我认为它不会起作用并且不好。（我们只是检查 ajax 结果，而不是输入）

Answer 2

@Blurp，我在你的帮助下找到了解决方案。

 $('#id_form').validate({
    submitHandler: function(form) {
        e.preventDefault();

        $.ajax({
            type: 'POST',
            url: url,
            dataType: 'json',
            data: $('#id_form').serialize(), // serializes the form's elements.
            success: function(data) {
                if(data.result == true) {
                    //My code
                }
                else {
                    //My code
                }
            }
        });
    }
 });

提交前检查表单使用 Ajax Django

Check Form Before Submit Use Ajax Django

ajax

onsubmit