新聞中心
wordpress給留言模板增加字?jǐn)?shù)統(tǒng)計(jì)
作者 / 無(wú)憂主機(jī) 時(shí)間 2016-04-11 13:52:32
使用過(guò)wordpress博客程序的站長(zhǎng)朋友都知道wordpress自帶的留言模板這一板塊是沒(méi)有統(tǒng)計(jì)字?jǐn)?shù)的功能的，但是有的時(shí)候?yàn)榱烁臃奖愕膶?duì)流量模板進(jìn)行管理和統(tǒng)計(jì)以及留言板塊的規(guī)范化，有一些使用wordpress的站長(zhǎng)朋友會(huì)在留言模板增加統(tǒng)計(jì)字?jǐn)?shù)的功能，所以今天無(wú)憂主機(jī)小編要給各位站長(zhǎng)朋友講解的是，在獨(dú)立ip虛擬主機(jī)環(huán)境下，給wordpress博客程序的留言模板增加字?jǐn)?shù)統(tǒng)計(jì)功能的方法。 首先我們找到當(dāng)前主題所使用的js文件，在這個(gè)文件里面添加一段用來(lái)統(tǒng)計(jì)留言字?jǐn)?shù)的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;
}
}
接著我們找到評(píng)論模板的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字，已經(jīng)輸入了：<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”就是字?jǐn)?shù)限制的值，這個(gè)值大家根據(jù)自己的需要修改即可。 到這里還沒(méi)有結(jié)束，最后我們還需要添加一段css代碼：
.cs {
float: right;
color: #123123;
}
.csc {
display:none;
}
.inputtext {
height:15px;
color: #ccc;
border:none;
background: transparent !important;
}
以上css樣式中的顏色和高度等參數(shù)大家也是根據(jù)自己的需要進(jìn)行修改即可，保存好數(shù)據(jù)，到這里全部的操作就已經(jīng)完成了，如此一來(lái)，在用戶提交留言不符合規(guī)范時(shí)就會(huì)提出警示框提示用戶，但不會(huì)直接影響留言提交哦，這里需要注意一下。
溫馨提示：該技術(shù)解決方案的是由無(wú)憂主機(jī)客服為我們空間客戶處理該問(wèn)題時(shí)提供的處理方法，確保在無(wú)憂主機(jī)能完美實(shí)現(xiàn)，因服務(wù)較多，客服繁忙，其他主機(jī)我們沒(méi)有過(guò)多精力進(jìn)行大范圍測(cè)試，不能確保所有虛擬主機(jī)都能完美處理，請(qǐng)您理解！
無(wú)憂主機(jī)提供365天*24小時(shí)全年全天無(wú)休、實(shí)時(shí)在線、零等待的售后技術(shù)支持。竭力為您免費(fèi)處理您在使用無(wú)憂主機(jī)過(guò)程中所遇到的一切問(wèn)題! 如果您是無(wú)憂主機(jī)用戶，那么您可以通過(guò)企業(yè)QQ【800088151】、售后QQ【網(wǎng)站最下端有】、旺旺【鋒訊企業(yè)】、400-655-0080免費(fèi)電話、后臺(tái)提交工單這些方式聯(lián)系無(wú)憂主機(jī)客服！ 如果您不是我們的客戶也沒(méi)問(wèn)題，點(diǎn)擊頁(yè)面最右邊的企業(yè)QQ在線咨詢圖標(biāo)聯(lián)系我們并購(gòu)買后，我們?yōu)槟赓M(fèi)進(jìn)行無(wú)縫搬家服務(wù)，讓您享受網(wǎng)站零訪問(wèn)延遲的遷移到無(wú)憂主機(jī)的服務(wù)！ 無(wú)憂主機(jī)相關(guān)文章推薦閱讀： WORDPRESS完美解決登錄時(shí)自動(dòng)勾選記住我的登錄信息 WORDPRESS升級(jí)最新版本后編輯器中可視化和文本無(wú)法切換怎么辦 WORDPRESS建站絕對(duì)路徑泄露了該如何防范呢
本文地址：http://www.gle-technology.com/wordpress/22051.html
