Ryongyon!

这世界上假绅士太多,缺少训练有素的流氓

· 实践教程 · · 2002次浏览

给Typecho "称呼" "邮箱" "网址" 添加cookie

前言

经常逛别人的博客然后留言的时候发现,每次留言完以后 "称呼" "邮箱" "网址" 会自动填上上一次填写的内容,就好像一个“记住我”或者说是“自动登陆”的功能。省去了很多时间(想想每次评论留言都要填一次"称呼" "邮箱" "网址" 那是真心累啊),所以 不妨将这个小功能加到你的博客去吧!

实现方法

首先我们需要引入jquery以及jquery.cookie

<script src="//cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
<script src="//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

最后实现功能的代码如下

<script type="text/javascript">
            $(function () {
            //绑定addCookie的时间(发表评论后增加Cookie)
            $("#misubmit").bind("click", function () {
                addCookie();
            })
            //查看cookie的值
            ReadCookie();
        })
        function addCookie() {//增加Cookie
            $.cookie('ryongyon_author', $("#author").val());//给"称呼"增加Cookie
            $.cookie('ryongyon_mail', $("#mail").val());//给"邮箱"增加Cookie
            $.cookie('ryongyon_url', $("#url").val());//给"网址"增加Cookie
        }
        function ReadCookie() {//查看Cookie
            $("#author").val($.cookie('ryongyon_author')); //将cookie值填入到"称呼"
            $("#mail").val($.cookie('ryongyon_mail')); //将cookie值填入到"邮箱"
            $("#url").val($.cookie('ryongyon_url')); //将cookie值填入到"网址"
        }
    </script>

代码已经贴上了注释,应该很好理解,有几个地方可以自行修改/调整

以下指的是需要绑定的按钮id

  • '#misubmit'

以下三个指的是cookie的名称,可以把 'ryongyon' 修改为你网站的域名

  • 'ryongyon_author'
  • 'ryongyon_mail'
  • 'ryongyon_url'

以下三个指的是需要记录cookie的文本框id,一般无需修改

  • '#author'
  • '#mail'
  • '#url'
评论 (13条)
  1. 其实typecho有记住输入信息的功能
    比如记住作者就是在inpute标签里面加上value=""
    不过这个cookie jquery插件挺好用的呀

    回复
    1. 拾叁 博主
      @友人c

      居然有这种黑科技,官方文档有吗?我以为你们也都是这么弄的(好久没见你啦!现在不错哦 都做了自己的主题了。💪)

      回复
      1. @拾叁

        官方文档那个简略的,,我从别的主题里面看的,好多主题也这样写滴~

        回复
  2. value="/" 忘记转义了.😶

    回复
    1. @友人c

      还是发不出来....😔

      回复
  3. 默认的不就是有这个吗?

    回复
    1. 拾叁 博主
      @灰狼

      我这个主题是没有的,因为作者认为和缓存插件有冲突 所以直接取消了。我一直都不知道 听你们这么一说才去学习了一下 原来TP自带 0 0 😳

      回复
  4. 😜typecho本身就添加了cookies了,只不过有些模板不读取,有些用内置PHP读取.
    不用自己写入,也不需要jq库
    https://weicn.org/read/typecho_comments_author_javascript.html
    另外,博客很不错,换友链吗

    回复
    1. 拾叁 博主
      @WeiCN

      不错哦!学习到不得了的东西!😀
      友链已加😘

      回复
      1. @拾叁

        😂注意了,我要开始剽窃你的评论部分css了,真好看

        回复
        1. 拾叁 博主
          @WeiCN

          有人能欣赏真好~ 自己F12看吧😙

          回复
  5. 用了同一款主题。

    回复
  6. 最近又用上了这个,为了配合CDN才使用。但有BUG,已经修复。

    回复