帝国CMS内容简介(smalltext)增加输入字数统计

  • 压缩包大小:Unkown
  • 开发语言:
  • 软件授权:
  • 更新时间:2022-12-29 00:48:02
  • 软件类别:
  • 相关链接:未知官方
  • 网友评分:
  • 应用平台:Win2000/WinXP/Win2003
  • 演示地址:演示地址

内容简介(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)增加输入字数统计到此结束。一个华丽短暂的梦,一个残酷漫长的现实。小编再次感谢大家对我们的支持!

关键词: 帝国CMS smalltext

下载地址

下载失败问题?【我要反馈】

提示:好代码网站资源是由用户投稿上传,内容来自互联网,本站只做免费推荐用于学习分享,如有版权及其他问题,请联系小编处理!

下载“jQuery焦点无缝轮播图特效”地址:

  • 日榜
  • 周榜
  • 月榜

推荐下载

  • 开发手册
  • 常用软件