帝国CMS内容简介（smalltext）增加JS对输入字数进行统计

在一些需要控制用户输入字数的站点中，增加用户输入字数的实时提示无疑十分友好。那么，帝国CMS怎样做输入字数实时统计呢？本文以内容简介smalltext为例。 

方法1、统计输入字符数
smalltext添加一个js来提示及统计已输入的字数 

把以下smalltext字段的输入的html表单

<textarea name="smalltext" cols="80" rows="10" id="smalltext"><?=$ecmsfirstpost==1?"":ehtmlspecialchars(stripSlashes($r[smalltext]))?></textarea>

替换为

<script language="javascript">

function countChar(textareaNamezzjs,spanName){

document.getElementById(spanName).innerHTML=document.getElementById(textareaNamezzjs).value.length;

}

</script>

已经输入<span id="counter" style="color:#ff0000">0</span>字<br>

<textarea id="smalltext" name="smalltext" cols="80" rows="10" onkeydown="countChar('smalltext','counter');" onkeyup="countChar('smalltext','counter');"><?=$ecmsfirstpost==1?"":ehtmlspecialchars(stripSlashes($r[smalltext]))?></textarea>

方法2、统计输入字符数并限制数量

把以下smalltext字段的输入的html表单

<textarea name="smalltext" cols="80" rows="10" id="smalltext"><?=$ecmsfirstpost==1?"":ehtmlspecialchars(stripSlashes($r[smalltext]))?></textarea>

替换为

<SCRIPT LANGUAGE="JavaScript">  
function textCounter(field, countfield, maxlimit)
{
if (field.value.length > maxlimit) {
    field.value = field.value.substring(0, maxlimit);
}
else{
    countfield.value = maxlimit - field.value.length;
}
</SCRIPT> 
<textarea name="smalltext" cols="80" rows="10" id="smalltext" onMouseOver="textCounter(this.form.smalltext,this.form.remLen,160);" onKeyUp="textCounter(this.form.smalltext,this.form.remLen,160);">
<?=$ecmsfirstpost==1?"":ehtmlspecialchars(stripSlashes($r[smalltext]))?></textarea>
<font color=#999999>还能输入<input readonly style="TEXT-ALIGN:center;height:18px;" type=text name=remLen size=2 maxlength=2 value="160">字。