`

JS防止表单重复提交

阅读更多
/*方法1:设置一个全局JS变量*/
		var submited = false;
		function checkSubmit() {
			if (!submited)
			{
				submited = true;
				return true;
			}
			else {
				alert("请不要重复提交!");
				return false;
			}
		}

		function submitForm() {
			var f = document.getElementById("inputForm");
			if (checkSubmit())
			{
				f.submit();
			}
		}

 

<form id="inputForm" action="http://www.csdn.net" method="post">
		name:<input type="text" name="name"><br>
		pass:<input type="password" name="password"><br>
		<input type="button" value="submit" onclick="submitForm();"/>
	</form>

 

/*方法2:提交时将提交按钮设置为不可用,保证只能提交一次*/
		function submitForm() {
			var f = document.getElementById("inputForm");
			f.disabled = true;
			f.submit();
		}

 

分享到:
评论

相关推荐

    javascript方式防止表单重复提交

    javascript方式防止表单重复提交,

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

    第一种:用flag标识,下面的代码设置... //当表单被提交过一次后checkSubmitFlg将变为true,根据判断将无法进行提交。 } checkSubmitFlg ==true; return true; } &lt; /script &gt; &lt; form name=”form1” method=”pos

    JavaScript防止表单重复提交代码,指定时间内禁止重复点击.zip

    最近项目在做一个登录页的时候,为了避免用户的多次重复点击登录按钮发送请求,所以我在点击了按钮发送请求后,将设置按钮变灰并禁用,倒计时一段时间后又可重复点击,具体实现如下,有需要的小伙伴可以参考一下。

    几种防止表单重复提交的方法

    几种防止表单重复提交的方法 禁掉提交按钮。表单提交后使用Javascript使提交按钮disable。这种方法防止心急的用户多次点击按钮。但有个问题,如果客户端把Javascript给禁止掉,这种方法就无效了。 我之前的文章曾说...

    防止用户表单重复提交处理

    防止用户表单重复提交的完整demo 分别在js与后台中处理,js处理(针对网络慢情况) 后台处理(针对用户点击浏览器上的刷新按钮等)

    一个JavaScript防止表单重复提交的实例

    防止重复表单提交的方法有很多,本文使用JavaScript来实现防止表单重复提交,很简单,但很实用,新手朋友们不要错过

    js禁止表单重复提交

    本文实例为大家分享了js防止表单重复提交实现代码,供大家参考,具体内容如下 &lt;html&gt; &lt;BODY BGCOLOR=#FFFFFF&gt; &lt;form name='formsubmitf' id =the method=post action=XXX.php&gt; &lt;input ...

    js防止表单重复提交实现代码

    重复提交、重复刷新、防止后退等等都是属于系统为避免重复记录而需要解决的问题,在客户端去处理需要针对每一种的可能提出相应的解决方案,然而在服务器端看来只不过是对于数据真实性的检验问题

    php 防止表单重复提交两种实现方法

    php 防止表单重复提交 由于网络原因,经常出来点了提交按钮,网页没有反应,而进行再次点击。这样就导致后台收到两次提交,从而进行两次处理,本文章向大家介绍php 防止表单重复提交的几种方法 1、前端解决 方法一:...

    PHP防止表单重复提交的几种常用方法汇总

    本文较为详细的汇总了PHP防止表单重复提交的几种常用方法,在PHP程序开发中有着很高的实用价值。具体方法如下: 1. 使用JS让按钮在点击一次后禁用(disable)。采用这种方法可以防止多次点击的发生,实现方式较简单...

    防止用户将表单重复提交的方法汇总

     几种防止表单重复提交的方法  1.禁掉提交按钮。表单提交后使用Javascript使提交按钮disable。这种方法防止心急的用户多次点击按钮。但有个问题,如果客户端把Javascript给禁止掉,这种方法就无效了。  我之前的...

    preventDoubleClick:AngularJS指令可防止表单两次提交

    AngularJS指令可防止表单两次提交 设置 获取文件 下载并复制src/preventDoubleClick.js文件 在index.html中包含src/preventDoubleClick.js文件 在您的应用程序中添加添加preventDoubleClick作为依赖项 像这样的东西...

    jquery 防止表单重复提交代码

    网站中防止表单重复提交是一个比较普遍的需求,先看原理实现方法也有很多。

    常见表单重复提交问题整理及解决方法

    二、防止表单重复提交的方法 a&gt;禁掉提交按钮。表单提交后disabled现在的按钮或者取消该按钮的点击事件或者默认事件。这种方法防止心急的用户多次点击按钮。但有个问题,如果在客户端把Javascript给禁止掉,这种方法...

    ExtJs4.0 表单提交Demo

    一个简单的ExtJs4.0搭建环境,利用Ext Ajax的方式提交表单,可使得显示层和控制层完全分开.

    php防止表单重复提交实例讲解

    在公司后台做表单提交,一是自己员工用,二是 html 自己来写的,没有验证表单重复提交,结果出错了。写出来记录下以便提醒自己,时刻不能疏忽。 解决方法 其实方法有很多种,只举例几个简单的来说说。 框架 很多框架...

Global site tag (gtag.js) - Google Analytics