js 防止表单被重复提交
2013-09-24 15:21
323 查看
更新时间:2012-1-13 14:13:10 编辑:阿帆
相信程序员都遇到过这种情况,当网速慢的时候,心急的浏览者会连续点击提交按钮,这时就容易产生表单被重复提交的效果,那么我们该如何来防止呢,方法很多,下面我来说下我的预防方法:将下列代码拷到<head>区域中
代码: <script langauge="javascript"> <!-- function checksub() { document.form1.btn1.disabled = true; document.form1.btn1.value="信息提交中,请稍候..."; document.form1.submit(); } //--> </script> |
代码: <form method="post" id="form1" name="form1" action="#"> <input type="button" name="btn1" value="提交" onclick="checksub();"> </form> |
代码: <script langauge="javascript"> <!-- function checksub() { document.getElementById("btn1").src="信息提交中图片路径"; document.form1.submit(); document.getElementById("btn1").onclick=""; } //--> </script> <form method="post" id="form1" name="form1" action="#"> <img id="btn1" src="提交按钮图片" onclick="checksub();"> </form> |
原载:
大连网页制作 http://www.noonenet.cn/
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章原始出处、作者信息和本声明。否则将追究法律责任。
相关文章推荐
- js学习之道:js防止表单重复提交
- js防止表单的重复提交
- js防止表单短时间内重复提交
- JS防止表单重复提交
- js防止表单重复提交的两种方法
- js防止表单重复提交
- JS 防止表单重复提交
- js防止表单重复提交方法之一
- js 防止网络慢时 表单重复提交问题
- js防止表单重复提交
- js防止表单重复提交验证与.NET服务端验证冲突解决方案
- Session防止表单重复提交,js和java的处理方式
- js 防止表单多次重复提交
- 前台防止表单重复提交的方法。Jquery、js
- 开发日志:JS防止表单重复提交【优化版本】
- js防止表单重复提交实现代码
- JS控制form表单提交时增加随机数参数,防止浏览器缓存,重复提交
- js防止表单重复提交
- js防止表单重复提交
- JS防止表单数据重复提交