前言

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

实现方法

首先我们需要引入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'