香港独立IP空间
香港php空间
美国php空间
域名注册

使用过wordpress博客程序的站长朋友都知道wordpress自带的留言模板这一板块是没有统计字数的功能的,但是有的时候为了更加方便的对流量模板进行管理和统计以及留言板块的规范化,有一些使用wordpress的站长朋友会在留言模板增加统计字数的功能,所以今天无忧主机小编要给各位站长朋友讲解的是,在独立ip虚拟主机环境下,给wordpress博客程序的留言模板增加字数统计功能的方法。

首先我们找到当前主题所使用的js文件,在这个文件里面添加一段用来统计留言字数的js代码:

function checktext(text)
{
allValid = true;
for (i = 0; i < text.length; i++)
{
if (text.charAt(i) != " ")
{
allValid = false;
break;
}
}
return allValid;
}
function xx(message,total,used,remain)
{
var max;
max = total.value;
if (message.value.length > max) {
message.value = message.value.substring(0,max);
used.value = max;
remain.value = 0;
alert("留言不可多余300字!");
}
else {
used.value = message.value.length;
remain.value = max - used.value;
}
}

接着我们找到评论模板的comments.php文件,将:

<p><textarea name="comment" id="comment" tabindex="4"></textarea></p>
这一行代码修改为:
<span class="cs">
<span class="csc">
<input name="total" size="2" value="300" class="inputtext">
<input name="remain" size="2" value="300" class="inputtext">
</span>
留言不可多余300字,已经输入了:<input name="used" size="2" value="0" class="inputtext">
</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>

以上代码中的“300”就是字数限制的值,这个值大家根据自己的需要修改即可。

到这里还没有结束,最后我们还需要添加一段css代码:

.cs {
float: right;
color: #123123;
}
.csc {
display:none;
}
.inputtext {
height:15px;
color: #ccc;
border:none;
background: transparent !important;
}

以上css样式中的颜色和高度等参数大家也是根据自己的需要进行修改即可,保存好数据,到这里全部的操作就已经完成了,如此一来,在用户提交留言不符合规范时就会提出警示框提示用户,但不会直接影响留言提交哦,这里需要注意一下。

温馨提示:该技术解决方案的是由无忧主机客服为我们空间客户处理该问题时提供的处理方法,确保在无忧主机能完美实现,因服务较多,客服繁忙,其他主机我们没有过多精力进行大范围测试,不能确保所有虚拟主机都能完美处理,请您理解!



无忧主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用无忧主机过程中所遇到的一切问题!

如果您是无忧主机用户,那么您可以通过企业QQ【800088151】、售后QQ【网站最下端有】、旺旺【锋讯企业】、400-655-0080免费电话、后台提交工单这些方式联系无忧主机客服!

如果您不是我们的客户也没问题,点击页面最右边的企业QQ在线咨询图标联系我们并购买后,我们为您免费进行无缝搬家服务,让您享受网站零访问延迟的迁移到无忧主机的服务!

无忧主机相关文章推荐阅读:
WORDPRESS完美解决登录时自动勾选记住我的登录信息
WORDPRESS升级最新版本后编辑器中可视化和文本无法切换怎么办
WORDPRESS建站绝对路径泄露了该如何防范呢

本文地址:http://www.51php.com/wordpress/22051.html

喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

阅读本文的人还阅读:


搜索技术文档