Typecho防止重复提交评论Jquery版
这个问题最近已经遇到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(自定义样式),再将按钮上的文字给改成“提交中...”,这就很明显了。而且在未提交之前(就是不刷新页面)按钮是失效的,就不会造成重复点击。
欢迎测试~
转载本站原创文章请注明:文章转自 挨踢路,链接: https://888929.tm7j5.group/articles/2305.html
学习了,膜拜中~~~我要是给博客弄个功能都得难死~
这种只是改主题的都不算难。。。做插件就不懂
很漂亮的typecho主题
谢谢。这主题原版本是wp,名字已经忘记
wp的主题就是很多的
就是没有typecho简洁
就是喜欢这一点,所以使用Typecho多年都不换
就是呀
我不怎么会写代码
所以想找个主题 就是主题太少了
可以考虑买一个。应该有入法眼的主题在售吧
不好找
我都找了一圈了
那个人不卖
那就没辙了
似乎很是腻害的样子
伪技术而已,谈不上什么厉害
俺可以用到博客小屋去···
其实是通用的
条条大道通罗马……ajax 提交的适合处理也可以。
ajax要改的代码更多,所以就直接偷懒改了JQ