javascript实现避免页面按钮重复提交


Posted in Javascript onJanuary 08, 2015
function preventAjax(obj,num){

            obj.disabled = true;

            var num = num;

            var types =obj.type;

            if(types == 'submit'){

                var text = obj.value;

                var time1 = setInterval(function(){

                    obj.value = num;

                    num--;

                    if(obj.value <= 0 ){

                        clearInterval(time1);

                        obj.disabled = false;

                        obj.value = text;

                    }

                },1000);

            }else{

                var text = obj.innerHTML

                var time1 = setInterval(function(){

                    obj.innerHTML = num;

                    num--;

                    if(obj.innerHTML <= 0 ){

                        clearInterval(time1);

                        obj.disabled = false;

                        obj.innerHTML = text;

                    }

                },1000);

            }

        }

绑定事件即可调用

以上就是本文的全部内容了,小伙伴们拿到自己项目中测试下吧。

Javascript 相关文章推荐
js 点击按钮弹出另一页,选择值后,返回到当前页
May 26 Javascript
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
Apr 12 Javascript
js使用数组判断提交数据是否存在相同数据
Nov 27 Javascript
jQuery中click事件的定义和用法
Dec 20 Javascript
input输入框鼠标焦点提示信息
Mar 17 Javascript
JavaScript实现复制或剪切内容到剪贴板功能的方法
May 23 Javascript
jQuery为动态生成的select元素添加事件的方法
Aug 29 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
Dec 08 Javascript
AngularJS1.X学习笔记2-数据绑定详解
Apr 01 Javascript
Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果
Oct 31 Javascript
Node.js 中使用 async 函数的方法
Nov 20 Javascript
VUE简单的定时器实时刷新的实现方法
Jan 20 Javascript
Node.js 制作实时多人游戏框架
Jan 08 #Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
Jan 08 #Javascript
JavaScript结合AJAX_stream实现流式显示
Jan 08 #Javascript
jQuery中siblings()方法用法实例
Jan 08 #Javascript
推荐5 个常用的JavaScript调试技巧
Jan 08 #Javascript
jQuery中prevUntil()方法用法实例
Jan 08 #Javascript
jQuery中prevAll()方法用法实例
Jan 08 #Javascript
You might like
傻瓜化配置PHP环境――Appserv
2006/12/13 PHP
PHP 存储文本换行实现方法
2010/01/05 PHP
php通过array_shift()函数移除数组第一个元素的方法
2015/03/18 PHP
php抽象类用法实例分析
2015/07/07 PHP
php使用filter_var函数判断邮箱,url,ip格式示例
2019/07/06 PHP
javascript各种复制代码收集
2008/09/20 Javascript
js防止表单重复提交实现代码
2012/09/05 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
2015/12/02 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
2017/01/14 Javascript
js replace()去除代码中空格的实例
2017/02/14 Javascript
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
2017/07/18 Javascript
深入理解JavaScript的async/await
2018/08/05 Javascript
解决vue props 拿不到值的问题
2018/09/11 Javascript
jQuery事件多次绑定与解绑问题实例分析
2019/02/19 jQuery
jQuery实现文本显示一段时间后隐藏的方法分析
2019/06/20 jQuery
javascript 设计模式之享元模式原理与应用详解
2020/04/08 Javascript
[05:08]顺网杯ISS-DOTA2赛歌 少女偶像Lunar青春演绎
2013/12/05 DOTA
python爬取网站数据保存使用的方法
2013/11/20 Python
Python 循环语句之 while,for语句详解
2018/04/23 Python
python高级特性和高阶函数及使用详解
2018/10/17 Python
通过selenium抓取某东的TT购买记录并分析趋势过程解析
2019/08/15 Python
python3通过qq邮箱发送邮件以及附件
2020/05/20 Python
关于Keras Dense层整理
2020/05/21 Python
五分钟学会HTML5的WebSocket协议
2019/11/22 HTML / CSS
KIKO MILANO英国官网:意大利知名化妆品和护肤品品牌
2017/09/25 全球购物
eDreams意大利:南欧领先的在线旅行社
2018/11/23 全球购物
波兰电子产品购物网站:Vobis
2019/05/26 全球购物
ABOUT YOU罗马尼亚:超过600个时尚品牌
2019/09/19 全球购物
英国DIY和家居装饰领域的主要品牌:Wickes
2019/11/26 全球购物
益模软件Java笔试题
2012/03/27 面试题
幼儿运动会邀请函
2014/01/17 职场文书
优秀医生事迹材料
2014/02/12 职场文书
安全生产演讲稿
2014/05/09 职场文书
维护民族团结演讲稿
2014/08/27 职场文书
2015入党自传格式范文
2015/06/26 职场文书
告别网页搜索!教你用python实现一款属于自己的翻译词典软件
2021/06/03 Python