nfoliver 2011-08-23 16:40
浏览 1005
已采纳

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

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

  • 写回答

3条回答 默认 最新

  • AngelAndAngel 2011-08-23 17:08
    关注

    [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假如你没有我给你发一下

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

悬赏问题

  • ¥15 如何在scanpy上做差异基因和通路富集？
  • ¥20 关于#硬件工程#的问题，请各位专家解答！
  • ¥15 关于#matlab#的问题：期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707，使系统具有较小的超调量
  • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
  • ¥30 截图中的mathematics程序转换成matlab
  • ¥15 动力学代码报错，维度不匹配
  • ¥15 Power query添加列问题
  • ¥50 Kubernetes&Fission&Eleasticsearch
  • ¥15 報錯：Person is not mapped，如何解決？
  • ¥15 c++头文件不能识别CDialog