为留言模板添加字数统计

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

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

  1.  checktext(text)
  2. {
  3.   allValid = ;
  4.    (i = 0;  i < text.length;  i++)
  5.   {
  6.     (text.charAt(i) != )
  7.    {
  8.     allValid = ;
  9.     ;
  10.    }
  11.   }
  12.  allValid;
  13. }
  14.  xx(message,total,used,remain)
  15. {
  16.   max;
  17.  max = total.value;
  18.   (message.value.length > max) {
  19.  message.value = message.value.substring(0,max);
  20.  used.value = max;
  21.  remain.value = 0;
  22.  alert();
  23.  }
  24.   {
  25.  used.value = message.value.length;
  26.  remain.value = max – used.value;
  27.  }
  28. }

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

  1. <p><textarea name= id= tabindex=></textarea></p>

替换为:

  1. <span =>
  2.     <span =>
  3.         <input name= size= value= =>
  4.         <input name= size= value= =>
  5.     </span>
  6.     留言不能超过500字,已输入字数:<input name= size= value= =>
  7. </span>
  8.     <p><textarea name= id= tabindex= onKeyDown= onKeyUp=></textarea></p>

其中的数字“500”是限制的字符数,可根据需要适当修改。

三、添加样式

  1.  
  2. .cs {
  3.     : ;
  4.     : ;
  5.     }
  6. .csc {
  7.     :;
  8.     }
  9. .inputtext {
  10.     :;
  11.     : ;
  12.     :;
  13.     :  !important;
  14.     }

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

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

  1.  minComment(){
  2.      ;
  3.          = 10; 
  4.      = ->comment_content;
  5.     (() < )
  6.         wp_die(\’提示:不能少于10个字\’);
  7. }
  8. add_action(\’pre_comment_on_post\’, \’minComment\’);

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

    © 版权声明
    THE END
    喜欢就支持一下吧
    点赞0 分享
    评论 抢沙发

    请登录后发表评论

      暂无评论内容