当前位置: 首页 > 编程笔记 >

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

杨海
2023-03-14
本文向大家介绍javascript实现避免页面按钮重复提交,包括了javascript实现避免页面按钮重复提交的使用技巧和注意事项,需要的朋友参考一下


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);

            }

        }

绑定事件即可调用

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

 类似资料:
  • 本文向大家介绍JS button按钮实现submit按钮提交效果,包括了JS button按钮实现submit按钮提交效果的使用技巧和注意事项,需要的朋友参考一下 今天在使用表单是同时使用POST更新、删除操作。然而form表单的 submit 且一旦提交则全部提交,所以想到的实现方法就是 使用button实现,代码实现见如下: form设置: 隐藏的act方法设置,代码如下: 最后关键的是 bu

  • 我试图保存表单数据到mysql数据库的最后2天,但是,表单数据没有保存到mysql数据库,而是下载用户我nfo.php代码文件到我的计算机每次我按提交按钮。需要援助!这是html表单; 这是php代码db.php; 用户Info.php

  • 问题内容: 我是mongodb的新手。我可以知道如何避免重复输入。在关系表中,我们使用主键来避免它。我可以知道如何使用Java在Mongodb中指定它吗? 问题答案: 在选项中使用索引。 您也可以跨多个字段执行此操作。 有关 更多详细信息和示例, 请参阅 文档中的 此部分 。 MongoDB索引可以有选择地施加一个 唯一的键约束 ,以确保不会插入任何索引键值与现有文档值匹配的文档。 如果希望从唯一

  • 问题内容: 我的网站上有以下代码(使用php和smarty),试图避免在我按f5时重新提交表单: bln_added默认情况下为false,但一旦成功提交表单,则更改为true。模板中使用了smarty变量title和desc来将表单内容保留在其中,以防出现用户错误并且需要更改其输入内容。 如果成功提交了表单,则它将bln_added = true设置为第二位,因此代码的第二位不仅应清除表单字段,

  • 问题内容: 我认为这个问题经常出现在Web应用程序开发中。但是,我将尝试详细解释我的问题。 我想知道如何纠正这种行为,例如,当我有如下代码块时: 提交表单后,数据将插入数据库中,并产生消息 “完成操作” 。然后,如果刷新页面,则数据将再次插入数据库。 如何避免这个问题?任何建议将不胜感激:) 问题答案: 创建动作后不要显示响应;操作完成后重定向到另一个页面。如果有人刷新,则他们刷新的是您重定向到的

  • 问题内容: 我正在使用React和bootstrap开发Web应用程序。当应用按钮onClick时,我很难让我的页面重定向到另一个页面。如果在href之后,我无法进入另一个页面。 所以,请您告诉我是否有必要使用React-navigation或其他通过Button onClick来导航页面? 问题答案: React Router v5.1.2: