挨踢路

这个问题最近已经遇到2次。每次都是提交3-4条一样的评论，友邻在提交的时候，由于网络原因，或者服务器刚好抽风，没有反应过来，重复多次点提交导致。

之前就想着不管它就是了，反正后台删除重复的完事。昨天趁着有点时间就给修复下这个BUG。

使用的就是JQ，其实也比较简单，结合昨天的代码：

$('form[id=comment_form]').keypress(function(e){

if(e.ctrlKey && e.which == 13 || e.which == 10) {

$('#misubmit').click();

}

});

这是昨天的代码，使用JQ进行ctrl+enter提交评论。上面的代码，明确的写到，有获取到键盘的某个按键的事件时，则通过JQ去点击提交的按钮（相当于鼠标点击提交按钮），那么要做的文章就是写一个获取这个按钮点击事件时，做一些操作。代码如下：

$("#misubmit").click(function(){

$(this).attr({"disabled":"true","class":"submit_dis","value":"提交中..."}); 

$("#comment_form").submit();

});

以上代码紧接这第一部分的代码即可。

第二行代码就是最主要的作用，首先将按钮置为disable，不让点击。但这远远不够，用户可能不知道。我就给换个class（自定义样式），再将按钮上的文字给改成“提交中...”，这就很明显了。而且在未提交之前（就是不刷新页面）按钮是失效的，就不会造成重复点击。

欢迎测试~