JavaScript中避免Form重复提交的两种方案

2016-02-19 20:28 6 1 收藏

下面是个简单易学的JavaScript中避免Form重复提交的两种方案教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - Web开发 】

  1、javascript ,设置一个变量,只允许提交一次。

script language="javascript"
    var checkSubmitFlg = false;
    function checkSubmit()
{
      if (checkSubmitFlg == true)
   {
         return false;
      }
      checkSubmitFlg = true;
      return true;
   }
   document.ondblclick =
   function docondblclick()
   {
    window.event.returnValue = false;
   }
   document.onclick =
   function doconclick()
   {
       if (checkSubmitFlg)
    {
         window.event.returnValue = false;
       }
   }
/script
html:form action="myAction.do"
method="post" onsubmit="return checkSubmit();"

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  2、javascript,将提交按钮或者image置为disable

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

html:form action="myAction.do"
method="post"
    onsubmit="getElById('submitInput')
.disabled = true;
return true;

 
  html:image
  styleId="submitInput"
  src="images/ok_b.gif"
  border="0" /
 
  /html:form

来源:http://www.tulaoshi.com/n/20160219/1623780.html

延伸阅读
标签: Web开发
 目前内容管理系统,展现给客户端具体数据的方式主要是:XML+XSL  或者 Html 两种方式。以CSDN为例,目前这两种方式都存在。比如:论坛,我们用的是XML+XSL 方式,文档中心我们用的是SHTML 方式。         根据我的使用心得。XML+XSL 的方式,优点在于:数据层跟展现分开了。XML定义数据,X...
标签: Web开发
看了网上的,有几种方法: 1 在你的表单页里HEAD区加入这段代码: 代码如下: META HTTP-EQUIV="pragma" CONTENT="no-cache" META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate" META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT" 2 生成一个令牌保存在用户session中,在form中加一个hidden域,...
标签: 胎教 胎教方法
音乐胎教常见的可怕误区 音乐胎教有哪些误区 ?音乐胎教时需要注意哪些问题?音乐胎教是准妈妈最喜欢的一种胎教方式,那么,你知道在音乐胎教上我们应该规避哪些错误观念呢?随母婴健康小编看看吧! 教育要趁早,现在的人不愿自己的孩子输在起跑线上,所以从怀孕起就开始培养孩子的兴趣。尤其是音乐胎教颇受孕妈妈喜欢。当然其中也有...
标签: ASP
  以前自己的论坛因为程序源码跟WIN2000的注册表有冲突,帖子发出后会出现无效页面,以致于论坛里有很多无恶意的重复帖子,后来想出了一个办法,用JS避免重复提交,下面是部分源码: <script Language='JavaScript' function formsubmit() { Today = new Date(); var NowHour = Today.getHours(); var NowMinute = Today.getMinut...
标签: Web开发
原文:《Speeding up JavaScript: Working with the DOM》 作者:KeeKim Heng, Google Web Developer 翻译:http://www.blogjava.net/emu/archive/2010/03/01/314185.html 在我们开发互联网富应用(RIA)时,我们经常写一些javascript脚本来修改或者增加页面元素,这些工作最终是DOM或者说文档对象模 型来完成的,而我们的实现方式会影响到...

经验教程

128

收藏

77
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部