帝国CMS内容简介smalltext增加已输入字数统计的方法

内容简介（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">字。

本文标签：

声明：本文由代码号注册/游客用户【天诚】供稿发布，本站不对用户发布的帝国CMS内容简介smalltext增加已输入字数统计的方法信息内容原创度和真实性等负责。如内容侵犯您的版权或其他权益，请留言并加以说明。站长审查之后若情况属实会及时为您删除。同时遵循 CC 4.0 BY-SA 版权协议，尊重和保护作者的劳动成果，转载请标明出处链接和本声明内容。本文作者：天诚» /dmh/311.html

很赞哦！ ()