Javascript 页面加载后删除ajax加载程序映像

Javascript 页面加载后删除ajax加载程序映像,javascript,jquery,ajax,Javascript,Jquery,Ajax,我有一个带有必填字段的表单,当单击submit按钮时,会出现一个加载程序图像。代码如下: jQuery(document).ready(function($){ { $.getElementById('form').onsubmit = function () { $.getElementById('submit').style.display = 'block'; $.getElementById('loading2').

我有一个带有必填字段的表单,当单击submit按钮时,会出现一个加载程序图像。代码如下:

jQuery(document).ready(function($){
    {
        $.getElementById('form').onsubmit = function () {
            $.getElementById('submit').style.display = 'block';
            $.getElementById('loading2').style.display = 'block';
        };
    }(document));
)};
HTML:

我遇到的问题是,当必填字段不是字段并且单击submit按钮时,会显示加载器图像,当显示必填字段错误时,加载器图像仍会显示


如何防止它显示?

我不喜欢您这样使用jquery

我自己做的是验证表单,并使用jquery发布结果,这意味着更好地控制一切,因此我的代码如下所示:


使用jQuery post或get提交表单,然后在回调中验证您的响应,然后在验证完成后使用.hide()。

您尝试使用jQuery BlockUI插件可能更容易

当您想要阻止时,可以使用

$.blockUI();
$.unblockUI();
当您想要解除阻止时,可以使用

$.blockUI();
$.unblockUI();

验证代码在数据验证代码中的何处使用.hide()。您将
onclick=“$(\'\35; loading\”).show();“
放在提交按钮中,每次单击提交按钮时,一定要显示加载图像。重新加载页面后,我如何将其隐藏?