使用jquery提交表单后调用函数

Question

我正在尝试在提交具有如下所示类的任何表单后调用函数。但是，这似乎对我不起作用（表单提交，但提交按钮保持活动状态并且未显示加载图像）。

$(document).ready(function() {
    $('.uniForm').submit(function() {
      $('#loadingImage').show();
      $(':submit',this).attr('disabled','disabled');
      return true;
    });
});

这是一些HTML：

<form class="uniForm" id="formABC">
//...form.... here
</form>

<img src="loadimage.gif" style="display: none;" id="loadingImage">

有没有人看到这会阻止事情正常工作的内在错误？

我有一种感觉，它只是没有被正确调用。我可以通过这样的 HTML 自己调用它吗？

<button type="button" class="primaryAction" alt="Submit Form" onclick="$('#formABC').submit();">Submit Form</button>

Answer 1

根据您的评论，似乎submit在将form元素加载到 DOM之前，可能会发生将处理程序函数绑定到事件。

理想情况下，您应该仅在 DOM 完成加载后绑定事件处理程序。

例如：

$(document).ready(function() {
    $('.uniForm').submit(function() {
        ...
    });
});