单击“提交”按钮后如何显示jquery消息

我是jquery的新手，想要了解如何在点击提交按钮后显示消息（请等待绿色或提交）。

你能帮忙吗？

Answer 1

可能会有所帮助：

$('#submitButtonID').click(function(){ alert('Please wait while form is submitting'); $('#formID').submit(); }); 

Answer 2

通常，单击submit按钮后，表单将提交给服务器，并停止所有客户端脚本执行。 因此，除非您对表单进行AJAX化，否则它将无效。 为了AJAX化您的表单，您可以附加到提交事件并替换默认操作：

 $(function() { $('#theForm').submit(function() { // show a hidden div to indicate progression $('#someHiddenDiv').show(); // kick off AJAX $.ajax({ url: this.action, type: this.method, data: $(this).serialize(), success: function() { // AJAX request finished, handle the results and hide progress $('#someHiddenDiv').hide(); } }); return false; }); }); 

和你的标记：

 
   
 
Working... 

Answer 3

不需要对表单进行Ajax化。 您可以在提交期间显示隐藏的div元素。 只要服务器端没有发回任何响应，webbrowser就会继续显示初始页面。

您可以使用CSS display: none来初始隐藏元素。 您可以使用jQuery.show（）来显示与选择器匹配的元素。

          
 ...  
 
Please wait...
   

因此，只要您不在JSP中使用scriptlet来运行繁重的业务，而是在处理结束时反过来显示JSP的servlet类，它将按预期工作。