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 相关文章推荐
JavaScript 提升运行速度之循环篇 译文
Aug 15 Javascript
bgsound 背景音乐 的一些常用方法及特殊用法小结
May 11 Javascript
10个基于浏览器的JavaScript调试工具分享
Feb 07 Javascript
Node.js与Sails ~项目结构与Mvc实现及日志机制
Oct 14 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
Jan 08 Javascript
BOM之navigator对象和用户代理检测
Feb 10 Javascript
jQuery.ajax向后台传递数组问题的解决方法
May 12 jQuery
Angular2使用Angular-CLI快速搭建工程(二)
May 21 Javascript
微信小程序登录session的使用
Mar 17 Javascript
ES6 Promise对象的应用实例分析
Jun 27 Javascript
微信小程序修改checkbox的样式代码实例
Jan 21 Javascript
在vue中实现嵌套页面(iframe)
Jul 30 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下实现折线图效果的代码
2007/04/28 PHP
并发下常见的加锁及锁的PHP具体实现代码
2010/10/12 PHP
PHP编写RESTful接口
2016/02/23 PHP
JS实现跟随鼠标的链接文字提示框效果
2015/08/06 Javascript
jQuery实现的购物车物品数量加减功能代码
2016/11/16 Javascript
详解Js中的模块化是如何实现的
2017/10/18 Javascript
bootstrap paginator分页插件的两种使用方式实例详解
2017/11/14 Javascript
利用Vue2.x开发实现JSON树的方法
2018/01/04 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
2019/02/28 Javascript
vue组件间的参数传递实例详解
2019/04/26 Javascript
Vue 监听元素前后变化值实例
2020/07/29 Javascript
[02:15]你好,这就是DOTA!
2015/08/05 DOTA
python中stdout输出不缓存的设置方法
2014/05/29 Python
python实现查找两个字符串中相同字符并输出的方法
2015/07/11 Python
详解使用python crontab设置linux定时任务
2016/12/08 Python
Python中struct模块对字节流/二进制流的操作教程
2017/01/21 Python
如何用itertools解决无序排列组合的问题
2017/05/18 Python
python实现定时提取实时日志程序
2018/06/22 Python
详解django中使用定时任务的方法
2018/09/27 Python
Pandas 按索引合并数据集的方法
2018/11/15 Python
使用Python开发SQLite代理服务器的方法
2018/12/07 Python
Python 读取串口数据,动态绘图的示例
2019/07/02 Python
python3 mmh3安装及使用方法
2019/10/09 Python
np.newaxis 实现为 numpy.ndarray(多维数组)增加一个轴
2019/11/30 Python
解决pyshp UnicodeDecodeError的问题
2019/12/06 Python
tensorflow实现在函数中用tf.Print输出中间值
2020/01/21 Python
html5本地存储_动力节点Java学院整理
2017/07/12 HTML / CSS
Fashion Eyewear美国:英国线上设计师眼镜和太阳镜的零售商
2016/08/15 全球购物
合作经营协议书范本
2014/04/17 职场文书
企业家王石演讲稿:坚持与放下
2014/04/27 职场文书
机关驾驶员违规检讨书
2014/09/13 职场文书
2014年商场国庆节活动策划方案
2014/09/16 职场文书
个性与发展自我评价
2015/03/06 职场文书
学校后勤工作总结2015
2015/05/15 职场文书
为什么不建议在go项目中使用init()
2021/04/12 Golang
MySQL中IO问题的深入分析与优化
2022/04/02 MySQL