可能有的童鞋已发现我的评论模板有一个字数统计功能，本来只是试验一下，准备用到其它模板中，有人问咋弄的，好吧，那就按下面的方法把这个功能也加到自己的主题中。
一、把下面的javascript代码添加到主题的JS文件中，HotNews主题加到HotNewspro\js目录custom.js中
- // 留言字数统计
- function checktext(text)
- {
- allValid = true;
- for (i = 0; i < text.length; i++)
- {
- if (text.charAt(i) != " ")
- {
- allValid = false;
- break;
- }
- }
- return allValid;
- }
- function xx(message,total,used,remain)
- {
- var max;
- max = total.value;
- if (message.value.length > max) {
- message.value = message.value.substring(0,max);
- used.value = max;
- remain.value = 0;
- alert("留言不能超过 500 个字!");
- }
- else {
- used.value = message.value.length;
- remain.value = max - used.value;
- }
- }
二、打开评论模板comments.php找到类似：
- <p><textarea name="comment" id="comment" tabindex="4"></textarea></p>
替换为：
- <span class="cs">
- <span class="csc">
- <input name="total" size="2" value="500" class="inputtext">
- <input name="remain" size="2" value="500" class="inputtext">
- </span>
- 留言不能超过500字，已输入字数：<input name="used" size="2" value="0" class="inputtext">
- </span>
- <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”是限制的字符数，可根据需要适当修改。
三、添加样式
- /******** 字数统计 ********/
- .cs {
- float: right;
- color: #757575;
- }
- .csc {
- display:none;
- }
- .inputtext {
- height:13px;
- color: #0196e3;
- border:none;
- background: transparent !important;
- }
添加上述代码后，当留言超过500字时，会弹出警告提示框，但并不具备阻止提交留言功能。
另外，想同时限制最少输入字数，可以把下面代码加到主题的functions.php模版中：
- // 评论最少字数限制
- function minComment($content){
- global $comment;
- $num = 10; //设置评论最少字数限制为 10
- $content = $comment->comment_content;
- if(str_word_count($content) < $num)
- wp_die('提示：不能少于10个字');
- }
- add_action('pre_comment_on_post', 'minComment');
当输入文字少于设定值，会有错误提示
本站文章大部分为原创，用于个人学习记录，可能对您有所帮助，仅供参考！
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接，谢谢合作！
51F
哈哈~~成功啦，求围观~
我在widget复制一个主题侧边广告代码，然后把这个小工具放在右侧，图片直接用代码【参考鸟哥《添加多个广告位》的方法】~然后修改css~
貌似还挺麻烦的啊，不过好有成就感啊，哈哈哈哈哈，谢谢鸟哥~
P.S 顶部banner下面有缝隙，不知道调哪个css？
B1
@ 小坚 试着在主题样式中加一句：
.banner img {
margin: 0 !important;
}
B2
@ 知更鸟 可以啦！哈哈哈，谢谢鸟哥
52F
每次到鸟哥文章，都能学到不少东西，谢谢！
B1
@ 石家庄婚纱摄影 对不起，本想测试一下钩子的。没想到该主题没有采用
53F
求助鸟哥，我的博客除首页外，其它页面底部错位，请问怎么解决呢？
B1
@ cooonline 底部不支持二级菜单
B2
@ 知更鸟 请教下鸟哥!我的评论楼层怎么变成“-多少”的了？
54F
我安装您的主题以前视频还可以正常播放，现在不行了 我又重新安装了两遍还是不行。请鸟哥看看是神马情况。。
55F
这个不错，，我来试用一下！
56F
好是好了！就是输入字后不显示多少字，一直为0！
57F
用PHP代码也可以实现吧，我们用PHP做过留言板
58F
能让他在输入字数超出部分给截取掉就好了
59F
博主现在也忙了把，年底了， 没见你怎么更新了！
B1
@ 四川人 是啊，没时间玩博客了
湖北 Shizishan 60F
很好的东西 谢谢博主了 可以注册收到邮件 留言回复还是没反应 要安装插件 还是什么其他的
61F
发现最近访问你博客的速度极慢
B1
@ 郑州设计师 天朝的网络环境就是这样了
不过我这里访问还是很正常
B2
@ 知更鸟 鸟哥的空间，近一个月来ping值都维持在250-260之间，非常稳定，无论是早上、下午、晚上或者凌晨。
62F
不错过来学习了啊
63F
围观一下。哈哈。
64F
博主，你好，我想请问一下，怎么新建一个页面，再在上面添加文章呢？我想建个页面来存放公告跟留言板，但是不知道怎么弄，博主能小弟解答一下吗？
65F
求助！为什么我最新发布的文章页面出现，侧边栏错位到留言下方，谷歌和火狐浏览器显示正常，IE，搜狗，360都出现错位现象；http://www.lhbin.com/baidufenxiang-2/这是出现错位文章页面。这问题我找了有一个星期好多;鸟哥拜托了！
66F
如果我的EMLOG可以用这个板板多好啊
67F
鸟哥好。这个很早以前就问过你。现在终于出教程了啊。。
68F
过来看看鸟哥了啊
69F
鸟哥，今天wp出3.3啦，我用上了，可是背景变成了灰色。
你好久没有动作了哦。你快回来~~~~~~~~~~~~~~~~~~~~
B1
@ 小坚 同样的问题。。不能自定义，期待解决啊
B2
@ 第一滴血 我已经解决了，你修改一下style.css就可以了 在css里面把背景改成你想要的颜色
B3
@ 小坚 不会改style.css，我Q739532997加我指导我下
B4
@ 第一滴血 外观–编辑–
找到body {
background: #f2f2f2;
把f2f2f2改成你想要的颜色编号，白色就是fff
B5
@ 小坚 改了还是白色咋回事background:#c2c9e0;
福建省 厦门市 B2
@ 第一滴血 找到 wp-includestheme.php 搜索 body.custom-background 去掉 .custom-background 保存
这样的话就可以实现了
因为3.3的程序在custom_background_cb() 这个函数的背景设置中 增加了custom-background 的id原来的是只有body的所以造成主题的背景的图片失效
演示：www.softku.net
福建省 厦门市 B1
@ 小坚 找到 wp-includestheme.php 搜索 body.custom-background 去掉 .custom-background 保存
这样的话就可以实现了
因为3.3的程序在custom_background_cb() 这个函数的背景设置中 增加了custom-background 的id原来的是只有body的所以造成主题的背景的图片失效。
演示：www.softku.net
70F
这个功能很好，感谢鸟哥分享！
71F
鸟哥请问 作者发表的所有文章 怎么看啊
B1
@ cwksem 打开文章下面的作者链接即可
B2
@ 知更鸟 ok 可以了谢谢啊
72F
鸟哥的文章都能学到东西
73F
鸟哥，有问题急需你的帮助，我的给我留言的框里面的字“留言是种美德，写点什么…
”，用鼠标点击时怎么消失不了，而你这网站访客留言时，鼠标点击留言框后，里面的字会消失掉。请鸟哥指点一下。再就是怎么去掉留言框上面的链接图标，留言框下面的表情图标也加不到留言框里面去。还请鸟哥不吝赐教。
五度空间：http://www.wudu.me
B1
@ 五度空间 把FCKEditor 插件去掉
山东 济南市 74F
学到了，呵呵，刚刚集成到自己主题上
75F
这个比较不错，拿去测试一下
76F
你好，添加样式的代码是放style.css还是css.css？
B1
@ heimukai007 都行
77F
请问有没有什么方法统计文章的字数呢？我想在文章末尾放上，“本文共XXX字” 的效果。
78F
这个功能不错啊！！！！！！！！！！！！！！！！
79F
我按上面的一步一步操作，只有谷歌浏览器能正常显示 已输入字数，其他浏览器都还是显示 已输入字数 0
80F
应该按字符算
81F
请问我的主题评论模板在这个位置是这样一段代码：
);
$args = array(
‘fields’ => apply_filters( ‘comment_form_default_fields’, $fields ),
);
comment_form($args);
没有评论内容框和提交按钮的代码，改怎么加呢？
82F
这功能不错，看看加上
83F
显示字数的input没有readonly。。。
84F
functions.php模版中加了那段代码后，输入的字数大于10也一样提示不能少于10个字了，还提交不了留言。不能少于500字功能正常。
B1
@ 第9空间 代码是直接在这里复制的，复制的时候会把前面标示行数的数字也复制上，每次都要手动删除
B2
@ 第9空间 请使用火狐、chrome等浏览器复制代码，低版本的IE不行
85F
不知道啊 有些看不懂
86F
我想请问你，你确定不是随便copy别人的文章？为什么限制最少输入字数的功能不管用？
B1
@ yaxin Theme By 馨木有意思吗？
87F
确实没多大用处。。这么多限制，别人还不想留言了
来自外部的引用