个人资料

跳过导航链接首页 > 博客列表 > 博客正文

发表评论按钮间隔每6秒再次提交

分类:

我的博客下面提供回复功能,发表评论按钮间隔每6秒再次提交一次的好处是防止重复提交。

如果不处理,通常点一下会回复好几个。解决方法是使用js控制按钮的可用性。


js代码如下:


<script type="text/javascript">
        var wait = 6;
        var btn = document.getElementById("ContentPlaceHolder1_btn_comment");
        setInterval("change()", 1000);
        function begin() {
            wait = 6;
        }
        function change() {
            var btn = document.getElementById("ContentPlaceHolder1_btn_comment");
            if (wait > 0) {
                btn.value = wait;
                btn.disabled = true;
                btn.style.backgroundColor = "gray";
                wait--;
            }
            else {
                btn.disabled = false;
                btn.value ="回复";
                wait = 0;
                btn.style.backgroundColor = "#3366ff";
            }
        }
    </script>

服务器端验证:
链接

songshizhao
最初发表2017/2/20 20:47:12 最近更新2018/12/2 9:48:24 10290
为此篇作品打分
10
   评论