博客&文章

为留言模板添加字数统计

发布时间：2020-05-06

摘要

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

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

 

一、把下面的javascript代码添加到主题的JS文件中，HotNews主题加到HotNewsprojs目录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. }
  16. function xx(message,total,used,remain)
  17. {
  18.  var max;
  19.  max = total.value;
  20.  if (message.value.length > max) {
  21.  message.value = message.value.substring(0,max);
  22.  used.value = max;
  23.  remain.value = 0;
  24.  alert(“留言不能超过 500 个字!”);
  25.  }
  26.  else {
  27.  used.value = message.value.length;
  28.  remain.value = max – used.value;
  29.  }
  30. }

二、打开评论模板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.     background: transparent !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’);

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

大熊wordpress凭借多年的wordpress企业主题制作经验，坚持以“为用户而生的wordpress主题”为宗旨，累计为2000多家客户提供品质wordpress建站服务，得到了客户的一致好评。我们一直用心对待每一个客户，我们坚信：“善待客户，将会成为终身客户”。大熊wordpress能坚持多年，是因为我们一直诚信。我们明码标价（wordpress做网站需要多少钱），从不忽悠任何客户，我们的报价宗旨：“拒绝暴利，只保留合理的利润”。如果您有网站建设、网站改版、网站维护等方面的需求，请立即咨询右侧在线客服或拨打咨询热线：18324743309，我们会详细为你一一解答你心中的疑难。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

相关文章

写给所有做网站的朋友的一封信

写给所有做网站的朋友的一封信

现在就开始执行“1+N”互联网推广和没有开始执行的人，一两天看不出任何区别； 一两个月看来差异也是微乎其微的；但在2-5年的长远时间来看的时候，你的高质量询盘不断增加，你的互联网资产已经建立完成，对手已经很难匹敌，现在你看到这段文字的时候就是最好的开始，现在就是最好的时候，马上开始“1+N”体系的整体互联网推广吧，我们和你一起，开创互联网大未来！

点击查看详情

准备开启WordPress网站建设推广？

我们相信高端漂亮的网站不应该是昂贵的，这就是wordpress对每个人都是免费的原因
wordpress建站免费入门，并提供价格合理的wordpress建站套餐。

联系我们 定制开发