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 相关文章推荐
COM中获取JavaScript数组大小的代码
Nov 22 Javascript
javascript一个无懈可击的实例化XMLHttpRequest的方法
Oct 13 Javascript
JavaScript实现x秒后自动跳转到一个页面
Jan 03 Javascript
JavaScript 中的日期和时间及表示标准介绍
Aug 21 Javascript
使用纯javascript实现放大镜效果
Mar 18 Javascript
JS本地刷新返回上一页代码
Jul 25 Javascript
详解使用vue-router进行页面切换时滚动条位置与滚动监听事件
Mar 08 Javascript
JS实现图片点击后出现模态框效果
May 03 Javascript
EasyUI的TreeGrid的过滤功能的解决思路
Aug 08 Javascript
浅谈angular2路由预加载策略
Oct 04 Javascript
微信小程序城市选择及搜索功能的方法
Mar 22 Javascript
解决layui的使用以及针对select、radio等表单组件不显示的问题
Sep 05 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
javascript与CSS复习(三)
2010/06/29 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
2013/08/18 Javascript
JS实现文字放大效果的方法
2015/03/03 Javascript
JavaScript中的Math.sin()方法使用详解
2015/06/15 Javascript
JQuery的常用选择器、过滤器、方法全面介绍
2016/05/25 Javascript
AngularJS Bootstrap详细介绍及实例代码
2016/07/28 Javascript
JavaScript中匿名函数的递归调用
2017/01/22 Javascript
JavaScript实现按键精灵的原理分析
2017/02/21 Javascript
Node.js使用orm2进行update操作时关联字段无法修改的解决方法
2017/06/13 Javascript
AngularJS中ng-class用法实例分析
2017/07/06 Javascript
Node.Js生成比特币地址代码解析
2018/04/21 Javascript
vue中的router-view组件的使用教程
2018/10/23 Javascript
微信小程序实现留言功能
2018/10/31 Javascript
详解关于Vuex的action传入多个参数的问题
2019/02/22 Javascript
Vue源码之关于vm.$delete()/Vue.use()内部原理详解
2019/05/01 Javascript
微信小程序如何获取群聊的openGid以及名称详解
2019/07/17 Javascript
vue解决花括号数据绑定不成功的问题
2019/10/30 Javascript
jQuery实现雪花飘落效果
2020/08/02 jQuery
vue 计算属性和侦听器的使用小结
2021/01/25 Vue.js
[01:05:12]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS CIS-GAME
2014/05/21 DOTA
python使用win32com库播放mp3文件的方法
2015/05/30 Python
浅析python实现scrapy定时执行爬虫
2018/03/04 Python
python机器学习之随机森林(七)
2018/03/26 Python
python 剪切移动文件的实现代码
2018/08/02 Python
Python中asyncio与aiohttp入门教程
2018/10/16 Python
python实现Flappy Bird源码
2018/12/24 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
Python常用库Numpy进行矩阵运算详解
2020/07/21 Python
在C#中如何实现多态
2014/07/02 面试题
自主招生自荐信指南
2014/02/04 职场文书
不错的求职信范文
2014/07/20 职场文书
企业年检委托书范本
2014/10/14 职场文书
2014教师专业技术工作总结
2014/12/03 职场文书
2015年工商所工作总结
2015/05/21 职场文书
法律意见书范本
2015/06/04 职场文书
Python何绘制带有背景色块的折线图
2022/04/23 Python