jquery - 表单发布时jQuery触发事件

Question

只是想知道一旦表单动作开始（表单开始发布）直到动作完成（然后微调器消失），是否有一种简单的方法来触发事件（例如显示加载微调器）。类似于在 ajaxStart 时显示微调器并在 ajaxStop 发布时隐藏它。

Answer 1

如果表单是通过 ajax 发布的，这很容易做到：

$("#throbber").show();
$("form").ajaxSubmit().done(function () {
   $("#throbber").hide();
});

只需将 throbber 放在<img>html 中合理的位置并将其设置为display: none初始值。

Answer 2

假设您的意思是常规的 HTML 表单提交，那么是的，您可以使用处理程序拦截提交form.onsubmit = function(){...}。

返回false以禁止提交，或true（或除 之外的任何内容false）以允许提交。

在 jQuery 中：

$("#myForm").on('submit', function(){
    ...
    return true;//or false
});

但是，根据服务器响应的速度，微调器可能永远不会显示或仅显示很短的时间，然后页面会被更新。