首页 / WordPress入门 / 为留言模板添加字数统计

为留言模板添加字数统计

    • 珂李斯

    发布于

    by

    摘要 可能有的童鞋已发现我的评论模板有一个字数统计功能，本来只是试验一下，准备用到其它模板中，有人问咋弄的，那…

    摘要

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

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

     

    一、把下面的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入门、

    本文收集自互联网，转载请注明来源。
    如有侵权，请联系 wper_net@163.com 删除。

    【上一篇】:

    【下一篇】:

    猜你喜欢GUESS YOU LIKE

    评论 (0)COMMENT

    登录 账号发表你的看法，还没有账号？立即免费 注册


  • 还没有任何评论，赶紧来占个楼吧！