Typecho防止重复提交评论Jquery版

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

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

Typecho防止重复提交评论

使用的就是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(自定义样式),再将按钮上的文字给改成“提交中...”,这就很明显了。而且在未提交之前(就是不刷新页面)按钮是失效的,就不会造成重复点击。

欢迎测试~

查看 CSS jquery Typecho的相关文章

转载本站原创文章请注明:文章转自 灰狼IT路,链接: https://itlu.org/articles/2305.html

已有 16 条评论

  1. 学习了,膜拜中~~~我要是给博客弄个功能都得难死~

    1. 这种只是改主题的都不算难。。。做插件就不懂

  2. 很漂亮的typecho主题

    1. 谢谢。这主题原版本是wp,名字已经忘记

      1. wp的主题就是很多的
        就是没有typecho简洁

      2. 就是喜欢这一点,所以使用Typecho多年都不换

      3. 就是呀
        我不怎么会写代码
        所以想找个主题 就是主题太少了

      4. 可以考虑买一个。应该有入法眼的主题在售吧

      5. 不好找
        我都找了一圈了
        那个人不卖

      6. 那就没辙了

  3. 似乎很是腻害的样子

    1. 伪技术而已,谈不上什么厉害

  4. 俺可以用到博客小屋去···

    1. 其实是通用的

  5. 条条大道通罗马……ajax 提交的适合处理也可以。

    1. ajax要改的代码更多,所以就直接偷懒改了JQ

添加新评论