为留言模板添加字数统计

发布时间: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. }
  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’);

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

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

相关文章

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

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

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

点击查看详情

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

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