做网站找实速,专业网站制作设计平台
首页 > 课堂 > 网站技术 > 详情
网站标签 / Tags

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

2020-02-16 16:31:02   来源:实速网络|网站建设|网站设计|网站优化|网站仿制|网站SEO|网站推广|空间域名|主机VPS|服务器|网站源码|网站模版   浏览: 次
帝国CMS内容简介(smalltext)增加输入字数统计 发布时间:2019-10-16 来源:未知 浏览: 关键词:

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

发布时间:2019-10-16 来源:未知 浏览: 关键词:

 

内容简介(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灵通标签判断是否有标题图片并输出 下一篇:帝国CMS火车头采集文章时远程保存图片,导致删除一篇文章会删除全部附件的解决方法