表单发布时，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
});

但是，根据服务器响应的速度，在更新页面之前，微调器可能永远不会显示或仅在非常短的时间内显示。