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