forms - 使用 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 事件的绑定(bind)似乎可能在 form 元素加载到 DOM 之前发生。

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

例如:

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