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

不忘初心一一h

不忘初心一一h

2016-02-19 20:28

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

  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();"

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

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

(本文来源于图老师网站,更多请访问https://m.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

展开更多 50%)
分享

猜你喜欢

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

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

JSP避免Form重复提交的三种方案

Java JAVA基础
JSP避免Form重复提交的三种方案

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JSP(Struts)避免Form重复提交的几种方案

Web开发
JSP(Struts)避免Form重复提交的几种方案

AJAX避免用户重复提交请求实现方案

Web开发
AJAX避免用户重复提交请求实现方案

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

如何避免表单的重复提交

PHP
如何避免表单的重复提交

jquery ajax提交表单数据的两种方式

Web开发
jquery ajax提交表单数据的两种方式

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

纯CSS制作的网页中的lightbox效果

纯CSS制作的网页中的lightbox效果

高手为你解读J2EE开发过程中的异常处理

高手为你解读J2EE开发过程中的异常处理
下拉加载更多内容 ↓