提交表单,显示遮罩层的问题

最近初开始学习jquery,想尝试做一个效果,就是提交页面上的一个表单,点击提交按钮(submit类型)后,显示一个遮罩层,如果成功的话就在遮罩层上显示成功的小页面,如果失败的话就显示失败的小页面,请问各位达人高手们该效果如何实现,或者哪里有类似的例子给小弟参考一下,现在这里谢谢各位了!

3个回答

[code="html"]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


New Document







<br> &lt;!--<br> function submitForm(){<br> var username=$(&quot;#username&quot;).val();<br> $.ajax({ <br> type: &quot;POST&quot;, <br> url: &quot;checkuser.php&quot;, <br> data: &quot;username=&quot; + username, <br> success: function(data) { <br> $.blockUI({ <br> message: &quot;<img src='${ctx}/image/loading.gif' /><h4><strong>数据正在查询中,请稍后....</strong></h4>&quot;<br> ,css: { background: &#39;none&#39;, color: &#39;#000&#39;,border:&#39;none&#39; } <br> ,overlayCSS: {backgroundColor: &#39;#C5E1F0&#39;,opacity:&#39;0.4&#39;}<br> });<br><br> } ,<br> error: function(data) { <br> $.blockUI({ <br> message: &quot;<img src='${ctx}/image/loading.gif' /><h4><strong>错误</strong></h4>&quot;<br> ,css: { background: &#39;none&#39;, color: &#39;#000&#39;,border:&#39;none&#39; } <br> ,overlayCSS: {backgroundColor: &#39;#C5E1F0&#39;,opacity:&#39;0.4&#39;}<br> });<br><br> } <br> }); </p> <pre><code>} </code></pre> <p>//--&gt;<br>



[/code]

jquery-1.3.2.js和jquery.blockUI.js假如你没有我给你发一下

我发个例子给你吧 ==

还可以分别在 $.blockUI后面加上 setTimeout($.unblockUI,2000);让它2秒之内消失。里面的样式和文本都可以自定义。
希望对你有用 呵呵。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问