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

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的submit event handler：

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