我的博客下面提供回复功能,发表评论按钮间隔每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>
服务器端验证:
链接