为留言模板添加字数统计

知更鸟
知更鸟
知更鸟
站长
2558
文章
0
粉丝
WordPress12610,457阅读模式
摘要可能有的童鞋已发现我的评论模板有一个字数统计功能,本来只是试验一下,准备用到其它模板中,有人问咋弄的,那就按下面的方法把这个功能也加到自己的主题中。

可能有的童鞋已发现我的评论模板有一个字数统计功能,本来只是试验一下,准备用到其它模板中,有人问咋弄的,好吧,那就按下面的方法把这个功能也加到自己的主题中。

 

一、把下面的javascript代码添加到主题的JS文件中,HotNews主题加到HotNewspro\js目录custom.js中

  1. // 留言字数统计
  2. function checktext(text)
  3. {
  4.   allValid = true;
  5.   for (i = 0;  i < text.length;  i++)
  6.   {
  7.    if (text.charAt(i) != " ")
  8.    {
  9.     allValid = false;
  10.     break;
  11.    }
  12.   }
  13. return allValid;
  14. }
  15. function xx(message,total,used,remain)
  16. {
  17.  var max;
  18.  max = total.value;
  19.  if (message.value.length > max) {
  20.  message.value = message.value.substring(0,max);
  21.  used.value = max;
  22.  remain.value = 0;
  23.  alert("留言不能超过 500 个字!");
  24.  }
  25.  else {
  26.  used.value = message.value.length;
  27.  remain.value = max - used.value;
  28.  }
  29. }

二、打开评论模板comments.php找到类似:

  1. <p><textarea name="comment" id="comment" tabindex="4"></textarea></p>

替换为:

  1. <span class="cs">
  2.     <span class="csc">
  3.         <input name="total" size="2" value="500" class="inputtext">
  4.         <input name="remain" size="2" value="500" class="inputtext">
  5.     </span>
  6.     留言不能超过500字,已输入字数:<input name="used" size="2" value="0" class="inputtext">
  7. </span>
  8.     <p><textarea name="comment" id="comment" tabindex="4" onKeyDown="xx(this.form.comment,this.form.total,this.form.used,this.form.remain);" onKeyUp="xx(this.form.comment,this.form.total,this.form.used,this.form.remain);"></textarea></p>

其中的数字“500”是限制的字符数,可根据需要适当修改。

三、添加样式

  1.  /******** 字数统计 ********/
  2. .cs {
  3.     float: right;
  4.     color#757575;
  5.     }
  6. .csc {
  7.     display:none;
  8.     }
  9. .inputtext {
  10.     height:13px;
  11.     color#0196e3;
  12.     border:none;
  13.     backgroundtransparent !important;
  14.     }

添加上述代码后,当留言超过500字时,会弹出警告提示框,但并不具备阻止提交留言功能。

另外,想同时限制最少输入字数,可以把下面代码加到主题的functions.php模版中:

  1. // 评论最少字数限制
  2. function minComment($content){
  3.     global $comment;
  4.         $num = 10; //设置评论最少字数限制为 10
  5.     $content = $comment->comment_content;
  6.     if(str_word_count($content) < $num)
  7.         wp_die('提示:不能少于10个字');
  8. }
  9. add_action('pre_comment_on_post', 'minComment');

当输入文字少于设定值,会有错误提示

本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  126  访客  106  作者  17
    • lone
      lone

      鸟哥,为什么我的博客首页文章左右两侧总是重复的?lone-blog.com

      • 软件库-软件酷
        软件库-软件酷

        鸡肋功能,好像用处不大

        • 黑土地
          黑土地

          看到效果了,感觉老是修改代码很容易出问题,有没有这个功能都可以。

          • 大燕狂徒
            大燕狂徒

            鸟哥,帮帮忙,我的网站是http://www.91-baobao.com,在导航栏点击皮包时尚,我一共更新了14篇文章,第一页显示了10篇,所以第二页应该显示4篇才对,但是打开第二页的时候提示“对不起!这个真没有!”,我每次在后台添加日志,添加图片可以,但是如果想编辑图片,弹出的小窗不是编辑图片的,而是类似于一个网页,也是提示“对不起!这个真没有!”,我的是windows主机,不知道是不是主机的问题,谢鸟哥

              • 大燕狂徒
                大燕狂徒

                @ 大燕狂徒 好了,鸟哥,问了下客服,果然是主机的问题,已经解决了,好像是404.php这个文件的设置

              • 臣子木
                臣子木

                我感觉我会成为你博客的忠实读者 哈哈

                • 影楼团购
                  影楼团购

                  这个功能还是不错的

                  • 流水线
                    流水线

                    技术达人哦,

                    • Jin Qiang
                      Jin Qiang

                      我是来测试字数的,嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿

                      • Coach Outlet
                        Coach Outlet

                        阅、、

                        • betabone
                          betabone

                          很不错的功能,收藏了

                          • wmtimes
                            wmtimes

                            鸟哥,我感觉你是不是实现没什么可写的才写了这个啊。为什么这么说呢!
                            因为之前我问过你,你说这个小功能不值得写。嘿嘿。

                              • 知更鸟
                                知更鸟

                                @ wmtimes 是啊,这功能没什么实际意义
                                不过给留言者一个体验也不错

                              • 叶左左
                                叶左左

                                正在摸索这个主题。。。

                                • neverno
                                  neverno

                                  用默认的也不是不行,只是非常麻烦,写function改写默认的comment_form()里面的数组里相应的默认模版。

                                  • beyondme37
                                    beyondme37

                                    不加了吧。感觉用处也不大,还加重负担。谢谢。

                                    • 励志
                                      励志

                                      嗯,这个主题还是很不错的啊!

                                      • 浑身无力
                                        浑身无力

                                        测试下,看看效果。

                                        • 科普巴士
                                          科普巴士

                                          鸟哥,我站点出现问题了,来向你求救来了!!详情请直接点科普巴士查看。。。

                                            • 知更鸟
                                              知更鸟

                                              @ 科普巴士 不清楚什么原因,与主题无关,禁用所有插件试试,或到faq.wopus.org问

                                            • Bob
                                              Bob

                                              这个相当好啊,哈哈,收了

                                              • Bob
                                                Bob

                                                提个小意见:既然加了不能超过500字,那就再加一个不能少于几个字的功能吧,哈哈, :mrgreen:

                                                • 无冷
                                                  无冷

                                                  这个是按字符统计,没有区分中英文

                                                  • 朱国建
                                                    朱国建

                                                    我的文章中的外部链接,打不开?怎么解决、。

                                                    • 159seo
                                                      159seo

                                                      鸟哥我想问下你的《被围观次数》应该怎么加上,我的没有

                                                      • 29的博客
                                                        29的博客

                                                        鸟哥多次来学习,你的很多随机以前现实的图片没有了,建议鸟哥找几张补上去!

                                                        • 阿旭奇意网
                                                          阿旭奇意网

                                                          我按照这个添加的。。总是不正常显示、不知道哪里的问题

                                                          • 包头男科医院
                                                            包头男科医院

                                                            代码不认识,这个是个悲剧啊博主我的向你学习了 哈哈

                                                            • 英语笑话
                                                              英语笑话

                                                              代码很头疼哦

                                                              • 郑州驾校
                                                                郑州驾校

                                                                来学习的!

                                                                • 电脑天空
                                                                  电脑天空

                                                                  鸟哥,请问下我的留言楼层 怎么每次都是从-49开始啊,还有您编辑文章都用什么软件啊,我直接在博客里写文章,总感觉板式不美观啊。

                                                                    • 知更鸟
                                                                      知更鸟

                                                                      @ 电脑天空 设置分页显示评论
                                                                      用默认WP编辑器,写个日志还需弄什么花花草草

                                                                        • 电脑天空
                                                                          电脑天空

                                                                          @ 知更鸟 谢谢鸟哥指点,不过 分页显示评论 我没找到,能指点下具体在那吗?谢谢了

                                                                      • 扫描枪
                                                                        扫描枪

                                                                        这个功能还是挺不错的嘿嘿

                                                                        • 股票培训学校
                                                                          股票培训学校

                                                                          功能我喜欢

                                                                          • 活力珠子
                                                                            活力珠子

                                                                            鸟哥 我觉得文章的评论热点,可以改成阅读文章的次数的热点吧 就是那个’C 摄氏度的 图片好难添加 你应该懂的吧?

                                                                            • Win7en乐园
                                                                              Win7en乐园

                                                                              不错!我好久没来了

                                                                              • qintag
                                                                                qintag

                                                                                鸟哥,做个友情连接吧,关键字:胖子马 网站:http://www.qintag.com 我已经做好你的网站了。

                                                                                • 流水线
                                                                                  流水线

                                                                                  很实用

                                                                                  • 汕头SEO
                                                                                    汕头SEO

                                                                                    鸟哥,你为何如此强大呢,百思不得其解啊

                                                                                    • 秃鹰免费电影网
                                                                                      秃鹰免费电影网

                                                                                      少于10个字没事啊

                                                                                      • 影楼网络营销培训
                                                                                        影楼网络营销培训

                                                                                        过来看看了啊

                                                                                        • 股票培训学校
                                                                                          股票培训学校

                                                                                          恩恩,这个好我收藏了

                                                                                          • IT伯伯
                                                                                            IT伯伯

                                                                                            测试下,效果貌似还不错~~

                                                                                            • 好乐买优惠券
                                                                                              好乐买优惠券

                                                                                              搞到我的blog中去 试试 哈哈~

                                                                                              • meibeihu
                                                                                                meibeihu

                                                                                                这个不错哦

                                                                                                • hostgator
                                                                                                  hostgator

                                                                                                  技术帝,膜拜!

                                                                                                  • 七零八落
                                                                                                    七零八落

                                                                                                    鸟哥,请问下,用站长工具检测出来的死链接:[图片链接]http://www.i7086.com/title= ( X )该如何处理?我无法定位这个地址!

                                                                                                    • 下周大盘走势
                                                                                                      下周大盘走势

                                                                                                      这个统计还是蛮好的

                                                                                                      • 屈臣氏官网
                                                                                                        屈臣氏官网

                                                                                                        很炫嘛 不错

                                                                                                        • 电吉他品牌
                                                                                                          电吉他品牌

                                                                                                          这个功能还是不错的

                                                                                                          • 影楼培训
                                                                                                            影楼培训

                                                                                                            不错现在学习一下了

                                                                                                            • 小坚
                                                                                                              小坚

                                                                                                              鸟哥~·· 我又来了。。。 我想用文本小工具添加一个自定义图片作为右侧边栏的内容,就是一段显示图片的html代码

                                                                                                              结果图片能够显示正常,但是之前的侧边栏小工具都跑到网站底部,都错位了。。。

                                                                                                              能不能告诉我为什么呀?大谢

                                                                                                                • robin
                                                                                                                  robin

                                                                                                                  @ 小坚 必须为小工具添加标题

                                                                                                                    • 小坚
                                                                                                                      小坚

                                                                                                                      @ robin 啊~我刚刚想起来了,是没有加标题,可是如果加了标题就有个标题和边框了,我想只是显示图片,能不能借用广告的那个小工具?

                                                                                                                      • 小坚
                                                                                                                        小坚

                                                                                                                        @ robin 我是想建一个图片和顶部图连接起来【我的网站顶部图那个是一棵树,我是用ps切开的】

                                                                                                                          • 知更鸟
                                                                                                                            知更鸟

                                                                                                                            @ 小坚 侧边上面加个盒子,样式中设置好大小及背景应该就可以了

                                                                                                                      • 电脑天空
                                                                                                                        电脑天空

                                                                                                                        鸟哥,请问下 分页显示评论 在那里哦?我没找到。

                                                                                                                      匿名

                                                                                                                      发表评论

                                                                                                                      匿名网友

                                                                                                                      拖动滑块以完成验证