一个避免用户重复点击按钮造成重复数据的小技巧

最新推荐文章于 2022-11-07 16:31:03 发布

iteye_11981

最新推荐文章于 2022-11-07 16:31:03 发布

阅读量573

点赞数

CC 4.0 BY-SA版权

分类专栏： asp.net WebForm Jquery 文章标签： c# 数据库 javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_11981/article/details/82472165

asp.net WebForm 同时被 2 个专栏收录

51 篇文章

订阅专栏

Jquery

15 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现遮罩层的方法，并演示了如何通过自定义函数来控制遮罩层的显示与隐藏，防止重复点击提交按钮，确保用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        //移除遮罩
        function RemoveEstopForButtton() {
            $("#btnEstop").remove();
        }

//是否已经点击了按钮
var _isChickButton = false;

        function IR_StopContinuteClick(fun, buttonId) {

            if (typeof (fun) != "function") {
                return false;
            }

            //先判断是否已经点击了
            if (_isChickButton) {
                return false;
            }
            _isChickButton = true;

//设置提交按钮不可编辑
SetEstopForButton(buttonId);

            if (!fun()) {
                //恢复提交按钮编辑
                RemoveEstopForButtton();
                _isChickButton = false;
            }
            return true;
        }

</script>

function CheckData() {

return IR_StopContinuteClick(DoCheck, "myBtn");

}

        function DoCheck() {
            var username = document.getElementById("userName").value;
            if(username=="") {
                return false;
            }
            return true;
         }
    </script>