为留言模板添加字数统计

Wordpress   2020-03-17 03:03  
摘要

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

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

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

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

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

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

替换为:

  1. <span class="cs">    <span class="csc">
  2.         <input name="total" size="2" value="500" class="inputtext">        <input name="remain" size="2" value="500" class="inputtext">
  3.     </span>    留言不能超过500字,已输入字数:<input name="used" size="2" value="0" class="inputtext">
  4. </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”是限制的字符数,可根据需要适当修改。

三、添加样式

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

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

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

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

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

您或许对下面这些文章有兴趣:                     本月吐槽辛苦排行榜

部落快速搜索栏

各类专题梳理

网站导航栏

订阅本站

联系部落首领^_^

  有关于免费资源部
  落的问题、意见、
  建议、推荐免费资
  源、交换链接等,
  欢迎与我联系

  QQ:123456789

  Q群:123456789

  邮箱:123456@163.com

返回顶部