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

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

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

<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>

时间: 2016-12-23

JavaScript中避免Form重复提交的两种方案的相关文章

Web应用中避免Form重复提交的三种方案

web|重复|重复提交 前两种是利用javascript,后面一种是在使用Struts的情况下的参考实现: 1.javascript ,设置一个变量,只允许提交一次. <script language="javascript"> var checkSubmitFlg = false; function checkSubmit() { if (checkSubmitFlg == true) { return false; } checkSubmitFlg = true; re

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

js|重复|重复提交 1 javascript ,设置一个变量,只允许提交一次. <script language="javascript"> var checkSubmitFlg = false; function checkSubmit() { if (checkSubmitFlg == true) { return false; } checkSubmitFlg = true; return true; } document.ondblclick = function

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

1 javascript ,设置一个变量,只允许提交一次. <script language="javascript"> var checkSubmitFlg = false; function checkSubmit() { if (checkSubmitFlg == true) { return false; } checkSubmitFlg = true; return true; } document.ondblclick = function docondblcl

JavaScript禁止用户多次提交的两种方法_javascript技巧

[当服务器超载时,会出现提交卡顿的现象,但是用户在操作时,会不停重复点击提交,会造成服务器压力更大.所以我们需要进行限制] [1]将提交按钮禁止 <html> <head> <script> //禁止默认行为 因为这里要模拟服务器超载的时候,所以需要先禁止掉submit按钮自动提交的功能 function preventDef(event){ event=event||window.event; if(event.preventDefault){ return even

jQuery的 $.ajax防止重复提交的两种方法(推荐)_jquery

下面给大家带来两种关于jquery 的ajax防止重复提交的解决方法,具体介绍如下所示: 1.第一种,对于onclick事件触发的的ajax 可以采用如下方法: 即在beforeSend中使点击按钮不可用,ajax结果返回后置为可用 $.ajax( { type: 'POST', url: APP+'?m=Shopping&a=ajaxSubmitorder&sid='+sid+'&src='+src, cache:false, dataType: 'json', data: {'

js防止表单重复提交的两种方法_javascript技巧

第一种:用flag标识,下面的代码设置checkSubmitFlg标志: 复制代码 代码如下: <script language=""javascript""> var checkSubmitFlg = false; function checkSubmit(){ if(checkSubmitFlg ==true){ return false; //当表单被提交过一次后checkSubmitFlg将变为true,根据判断将无法进行提交. } checkS

利用JavaScript阻止表单提交的两种方法_javascript技巧

在JavaScript中,阻止表单默认提交行为的方法有两种,分别是: (1) return false 示例代码 <form name="loginForm" action="login.aspx" method="post"> <button type="submit" value="Submit" id="submit">Submit</button&g

解析php防止form重复提交的方法

本篇文章是对php防止form重复提交的方法进行了详细的分析介绍,需要的朋友参考下   php 防止表单重复提交实例: 复制代码 代码如下: <?php session_start(); $_SESSION['fsess']=($_SESSION['fsess'])?$_SESSION['fsess']:time(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt

php解决和避免form表单重复提交的几种方法_php技巧

前言 为什么要避免form表单被重复提交呢?因为我们不想让我们的服务器重复处理没必要的数据,同时我们也是避免我们的数据库产生重复的数据,避免表单重复提交也是让我们的网站更安全的一种表现. 先看一下有哪些情况下回导致表单重复提交呢,知道哪些情况下可能会出现表单重复提交就可以从根源处理表单重复提交的情况了. 下面的情况就会导致表单重复提交:       点击提交按钮两次.       点击刷新按钮.       使用浏览器后退按钮重复之前的操作,导致重复提交表单.       使用浏览器历史记录重复