jq表单提交时禁用提交按钮防止表单重复提交 jq方法

最新推荐文章于 2021-03-18 17:51:00 发布

原创最新推荐文章于 2021-03-18 17:51:00 发布 · 999 阅读

1 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种通过禁用提交按钮并设置倒计时来防止表单重复提交的方法。使用JavaScript实现这一功能，确保用户体验的同时避免了因重复点击导致的数据错误。

防止表单重复提交

function(event,options){
                $("#submit_login").attr({"disabled":"disabled"});
                var needtime = 3;
                var interval = setInterval(function(){
                    needtime--;
                    if(needtime <= 0) {
                        $("#submit_login").removeAttr("disabled");
                        clearInterval(interval);
                        return 0;
                    };
                }, 1000);
                 event.preventDefault();
            },