提交表单后如何执行jQuery回调？

after-form-submit是在提交按钮被触发后执行的一组代码。通常，一旦提交，它用于清除表单。例如，当登录凭据错误时，表单中的输入变为空白。

方法：

1. 首先，表单中的元素必须被加载。
2. 然后，提交方法添加了一个回调函数。
3. 单击提交按钮后，它应该防止连续回调。
4. 随后，由于需要延迟而给出超时。如果没有延迟，之后应该发生的动作就会在开始时发生。与验证密码之前一样，输入表单不应为空白。
5. 然后最后给出需要执行的动作。

如何在 Javascript 中实现？

1. 可以使用提交按钮完成对 jQuery 方法的回调。
2. 单击表单的提交按钮后，将触发回调函数。但是，在此之前，必须加载 DOM（文档对象操作）。一旦 DOM 被加载，它就会调用这些方法中的任何一个。 （可以使用 window.on(‘load’) 或 document.ready() 或 window.ready() ）。
3. preventDefault() 方法可防止该方法多次触发。
4. 我们使用 setTimeout 方法在提交后执行几毫秒。

注意： window.ready() 方法在所有资源加载完毕后调用，document.ready() 方法在 DOM 加载完毕后调用。

例子：

  

    
        How to perform jQuery Callback
        after submitting the form ?
    
  
    
    
  
    
        $(window).ready(function () {
  
            $("form").submit(function (e) {
                e.preventDefault();
                var name = $("#name").val();
                setTimeout(function () {
                    console.log("After timeout");
                    $('#name').val('');
                }, 100);
                alert(name + " has submitted");
            })
  
        })
    

  

    
        
        
    

  

输出：

这个表单提交方法会触发回调方法，它首先会阻止进一步的回调。然后在 100 毫秒的时间间隔后，使用文本输入值调用警报方法。