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


Posted in Javascript onSeptember 30, 2013

第一种:用flag标识,下面的代码设置checkSubmitFlg标志:

<script language="”javascript”"> var checkSubmitFlg = false; 
function checkSubmit(){ 
if(checkSubmitFlg ==true){ return false; //当表单被提交过一次后checkSubmitFlg将变为true,根据判断将无法进行提交。 
} 
checkSubmitFlg ==true; 
return true; 
} 
< /script > 
< form name=”form1” method=”post” onsubmit=”return checkSubmit();”> 
………..< /form>

第二种:在onsubmit事件中设置,在第一次提交后使提交按钮失效,代码如下:
<form action=”about:blank” method=”post” onsubmit =”getElementById(‘submitInput').disabled=true;return true;” target=”_blank”> 
<input type=”submit” id=”submitInput”/> 
</form> 
</body> 
</html> 
</script>

因为程序源码跟WIN2000的注册表有冲突,帖子发出后会出现无效页面,以致于论坛里有很多无恶意的重复帖子,后来想出了一个办法,用JS避免重复提交,下面是部分源码:
<script Language='JavaScript'> 
function formsubmit() { 
Today = new Date(); 
var NowHour = Today.getHours(); 
var NowMinute = Today.getMinutes(); 
var NowSecond = Today.getSeconds(); 
var mysec = (NowHour*3600)+(NowMinute*60)+NowSecond; 
if((mysec-document.formsubmitf.mypretime.value)>600) 
//600只是一个时间值,就是5分钟内禁止重复提交,值随你高兴设 
{ 
document.formsubmitf.mypretime.value=mysec; 
} 
else 
{ 
alert(' 按一次就够了,请勿重复提交!请耐心等待!谢谢合作!'); 
return false; 
} 
document.forms.formsubmitf.submit(); 
} 
</script> </HEAD> 
<BODY BGCOLOR="#FFFFFF"> 
<form name=formsubmitf id ="the" method="post" action="XXX.asp"> 
<input type=hidden name='mypretime' value='0'> //这句不能少,用隐含变量传递一个时间初值 
//这里是你要提交的内容 
<input type="button" value="写好了" name="button1" class="4round" onclick='formsubmit()'> <font class="red">(请按一次,耐心等待!)</font> <input type="reset" value="重 写" name="button2" class="4round"> 
</form>

用了这个代码,论坛的重复帖子明显减少,不过有个缺点,就是刷新一次,检测就不起作用,好处就是利用JS检测,不需要额外的权限支持,至于效果如何,用不用就随你们了,(最好前端跟后端都加上检测)
Javascript 相关文章推荐
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
Jan 20 Javascript
基于jQuery Circlr插件实现产品图片360度旋转
Sep 20 Javascript
jquery实现可旋转可拖拽的文字效果代码
Jan 27 Javascript
JavaScript数据类型和变量_动力节点Java学院整理
Jun 26 Javascript
Bootstrap弹出框之自定义悬停框标题、内容和样式示例代码
Jul 11 Javascript
JS中的BOM应用
Feb 02 Javascript
element-ui 表格数据时间格式化的方法
Aug 24 Javascript
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
Nov 16 Javascript
layui弹出框Tab选项卡的示例代码
Sep 04 Javascript
JavaScript中0、空字符串、'0'是true还是false的知识点分享
Sep 16 Javascript
Vue两个版本的区别和使用方法(更深层次了解)
Feb 16 Javascript
javascript异常处理实现原理详解
Feb 17 Javascript
js借助ActiveXObject实现创建文件
Sep 29 #Javascript
js获取URL的参数的方法(getQueryString)示例
Sep 29 #Javascript
在父页面调用子页面的JS方法
Sep 29 #Javascript
javascript完美拖拽的实现方法
Sep 29 #Javascript
jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后
Sep 29 #Javascript
js中的scroll和offset 使用比较的实例与分析
Sep 29 #Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
Sep 29 #Javascript
You might like
php数组函数序列之ksort()对数组的元素键名进行升序排序,保持索引关系
2011/11/02 PHP
Linux下创建nginx脚本-start、stop、reload…
2014/08/03 PHP
php数组键值用法实例分析
2015/02/27 PHP
PHP文件操作方法汇总
2015/07/01 PHP
详解 PHP加密解密字符串函数附源码下载
2015/12/18 PHP
用js实现预览待上传的本地图片
2007/03/15 Javascript
prototype与jquery下Ajax实现的差别
2009/09/13 Javascript
JavaScript 对Cookie 操作的封装小结
2009/12/31 Javascript
JavaScript操纵窗口的方法小结
2013/06/28 Javascript
ie与ff下的event事件使用介绍
2013/11/25 Javascript
jQuery focus和blur事件的应用详解
2014/01/26 Javascript
简述AngularJS的控制器的使用
2015/06/16 Javascript
jQuery基础知识点总结(必看)
2016/05/31 Javascript
全面解析JavaScript中“&amp;&amp;”和“||”操作符(总结篇)
2016/07/18 Javascript
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
利用浮层使select不可选的实现方法
2016/12/03 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
2016/12/25 Javascript
JavaScript简单生成 N~M 之间随机数的方法
2017/01/13 Javascript
基于jQuery制作小图标上下滑动特效
2017/01/18 Javascript
详解Node.js项目APM监控之New Relic
2017/05/12 Javascript
vue.js实现的幻灯片功能示例
2019/01/18 Javascript
Python 元类使用说明
2009/12/18 Python
详解Python 模拟实现生产者消费者模式的实例
2017/08/10 Python
Python实现字符串格式化输出的方法详解
2017/09/20 Python
Python下载网络小说实例代码
2018/02/03 Python
Python学习笔记之Django创建第一个数据库模型的方法
2019/08/07 Python
django 框架实现的用户注册、登录、退出功能示例
2019/11/28 Python
python要安装在哪个盘
2020/06/15 Python
详解css position 5种不同的值的用法
2019/07/30 HTML / CSS
实习生单位鉴定意见
2013/12/04 职场文书
医大实习自我鉴定
2013/12/07 职场文书
寒假思想汇报
2014/01/10 职场文书
社区国庆节活动方案
2014/02/05 职场文书
详解GaussDB for MySQL性能优化
2021/05/18 MySQL
Python制作春联的示例代码
2022/01/22 Python
对讲机的最大通讯距离是多少
2022/02/18 无线电