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