如何实现表单提交时提示正在发送

来源：风之相随BLOG 时间：2008-12-23 13:30:00　

很简单的方法，但很实用。用过新浪邮箱的朋友应该会知道此脚本的效果。如果您提交的数据处理时间很长，用这个做为提示很不错的.

将下面的代码复制到<head>~</head>里

程序代码

<script language=javascript>

</script>

将下面的代码复制到<body>~</body>里

程序代码

<form method="post" action="../0001/success.asp"><div id="sending" style="position:absolute; z-index:10; width: 400; visibility: hidden">
                <table width=400 height=80 border=0 cellspacing=2 cellpadding=0 bgcolor="#8FA8E9">
                  <tr>
                    <td bgcolor=#eeeeee align=center>内容正在发送, 请稍候...</td>
                  </tr>
                </table>
              </div>

        <table width="95％" border="1" cellspacing="0" cellpadding="1" bordercolorlight="#8FA8E9" bordercolordark="#FFFFFF">
          <tr align="center">
            <td height="30" class="bg3" colspan="2">
              <input type='submit' name='ACTION' value='发送' onClick="showSending()">
            </td>
          </tr>
        </table>
      </form>

分解说明：

第一步：

先制作一个图层，里面放好你要显示的文件，然后隐藏，如下：

程序代码

<div id="sending" style="position:absolute; z-index:10; width: 400; visibility: hidden">
　<table width=400 height=80 border=0 cellspacing=2 cellpadding=0 bgcolor="#8FA8E9">
　　<tr>
　　　<td bgcolor=#eeeeee align=center>内容正在发送, 请稍候...</td>
　</tr>
　</table>
</div>

第二步：

定义表单的提交按钮的Onclike事件：

程序代码

<input type='submit' name='ACTION' value='发送' onClick="showSending()">

第三步：

将提交按钮的事件定义成Javascript：

程序代码

<script language=javascript>

</script>

标签：提示,表单,脚本,新浪

投稿

如何实现表单提交时提示正在发送

猜你喜欢

随机提取N条记录方法

python实现输出一个序列的所有子序列示例

复制SqlServer数据库的方法

CSS属性behavior的语法及介绍

编码问题引起的折腾

django做form表单的数据验证过程详解

Python实现的ini文件操作类分享

Laravel框架实现发送短信验证功能代码

Python-openCV开运算实例

Pytorch之如何dropout避免过拟合

python 执行终端/控制台命令的例子

python Selenium爬取内容并存储至MySQL数据库的实现代码

vuex页面刷新数据丢失问题的四种解决方式

Python中字符串的常见操作技巧总结

Vue3源码分析组件挂载初始化props与slots

Pandas 数据处理,数据清洗详解

Python 输出详细的异常信息(traceback)方式

Javascript 动画初探（原理）

python字符串常用方法

帮你六步改善SQL Server安全规划全攻略