使用jQuery单击表单提交后显示加载gif

我只是在提交表单后尝试显示加载gif。 我的代码无法正常显示加载gif。 您会看到我的gif图像设置为visibility: hidden 。

  
  
 

   Username: 

   Password: 

  
 
 
 
  $('.load_button').submit(function() { $('#gif').show(); return true; });  

Answer 1

show()方法仅影响display CSS设置。 如果要设置可见性，则需要直接执行此操作。 此外， .load_button元素是一个按钮，不会引发submit事件。 您需要将选择器更改为form以使其工作：

 $('#login_form').submit(function() { $('#gif').css('visibility', 'visible'); }); 

Answer 2

按钮输入没有提交事件。 尝试将事件处理程序附加到表单：

Answer 3

仅使用JS的更好，更干净的示例

参考： TheDeveloperBlog.com

第1步 – 创建您的java脚本并将其放在HTML页面中。

在您的表单中调用提交事件的java脚本函数。

提交表单后不久，它会显示加载图片。

Answer 4

onclick函数怎么样：

当然你可以把它放在一个函数中然后用onClick触发它