提交表单后切换“提交”按钮？

Question

我的网站上有一个很大的表单，加载下一页的时间比平常要长一些。

有没有一种简单的方法可以在单击后将我的“提交”按钮切换为动画“正在加载...”图形？只是为了让用户知道我们仍在处理提交。

非常感谢您的指点，

迈克尔

Answer 1

这通常是通过 hidihg 或在进行 ajax 调用之前禁用 submti 按钮然后在整个处理程序上恢复更改来实现的。示例：

$('#submit').click(function() {
    $(this).hide();
    $('#loading_anim').show();

    $.ajax(
        ...,
        complete: function() {
            $('#submit').show();
            $('#loading_anim').hide();
        }
    );
});

完整的处理程序在这种情况下很有用，因为它在成功响应和错误响应的情况下都会运行。

Answer 2

您想要使用 jQuery 的 提交事件处理程序：

$('#target').submit(function() {
  alert('Handler for .submit() called.');
  $('#loading-overlay').show();
  return false;
});