下载鸥 > 网站下载 > 开发教程 > 帝国CMS

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

870 2021-02-20 19:48:19

收藏

在一些需要控制用户输入字数的站点中,增加用户输入字数的实时提示无疑十分友好。那么,帝国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">字。
本方案未经实测,操作之前务必注意备份数据。

本文地址:https://xzo.com.cn/develop/empire/633.html

有帮助,很赞!

信息来源:墨鱼部落格
导出教程 下载word版教程
发表评论 共有条评论
关于帝国CMS


帝国cms是一款功能极为强大的cms程序,性能强悍、安全性高,可轻松支持10万数据,高级开发人员可制作出能容纳千万数据量的网站,是国内最出色的开源cms程序之一,推荐企业用户使用

当前最新版本为7.5,8.0版本即将上线,新版本的核心优化点在于多终端的适配。

推荐帝国CMS开发教程
帝国CMS添加/修改信息后,怎样自动刷新栏目和首页?
帝国CMS添加/修改信息后,怎样自动刷新栏目和首页?

很多网友在新增信息之后发现首页看不到栏目也看不到,于是开始点刷新刷新内容...

3 749
帝国cms留言板怎样做在线留言的功能?
帝国cms留言板怎样做在线留言的功能?

在线留言是我们常用的功能,通过开发一个简单的留言板,我们可以有效与潜在用户...

1 338
帝国cms封装自定义函数实现用户发布数统计
帝国cms封装自定义函数实现用户发布数统计

在帝国cms会员开发的过程中,我们经常需要展示用户文章发布数统计。如果每次...

1 290
帝国cms默认首页index.html被收录了怎样做重定向?
帝国cms默认首页index.html被收录了怎样做重定向?

今天有客户联系鸥哥,说网站默认首页index.html被收录了。这本是好事,奈何网站...

0 483
帝国cms怎样让不同的会员组浏览不同的内容?
帝国cms怎样让不同的会员组浏览不同的内容?

很多帝国cms站点设置了多级会员,不同的会员具备不同的浏览下载权限。在这个...

0 347
怎样防止帝国cms广告被广告插件屏蔽?
怎样防止帝国cms广告被广告插件屏蔽?

帝国cms广告挺好用的,但因为ad标识太明显,容易被浏览器广告插件屏蔽。那么,我...

0 593
帝国cms网站怎样判断是动态、静态还是伪静态?
帝国cms网站怎样判断是动态、静态还是伪静态?

对于资深一点的站长或者SEO来说,一定会经常听到动态、静态、伪静态这类的词...

0 491
帝国cms怎样分享到微信好友、朋友圈带图片与简介
帝国cms怎样分享到微信好友、朋友圈带图片与简介

微信作为我们的国民app流量很大,简单的js分享往往只有一个二维码或者链接,但...

8 360
推荐插件
帝国cms多栏目多数据表自动审核推送插件
帝国cms多栏目多数据表自动审核推送插件

本插件基于帝国cms帝国cms每日自动审核插件,在自动审核指定条数信息的基础上...

0 799
帝国cms在线考试系统模板插件
帝国cms在线考试系统模板插件

一直没看到好用的帝国cms在线考试插件,所以自己开发了一款。在线考试插件用...

0 1179
帝国CMS内网用户静态站点文章访客统计插件
帝国CMS内网用户静态站点文章访客统计插件

本插件适用于内网用户,可查看单篇文章访问者ip地址。如果添加访问者ip组,可查...

0 460
帝国cms百度AI黑白图像上色api接口对接插件
帝国cms百度AI黑白图像上色api接口对接插件

百度开放了系列AI功能api如图像上色、图像去雾、图像修复、无损放大、清晰...

0 329
帝国cms自动给正文关键词添加tag内链
帝国cms自动给正文关键词添加tag内链

帝国cms有自带的给关键词添加内链功能,但需要手动添加关键词,容易出现疏漏和...

0 671
帝国cms智能自动审核按星期几审核指定栏目带推送插件
帝国cms智能自动审核按星期几审核指定栏目带推送插件

采集站的必备资源是自动审核,要做到日收录也离不开定时发布。而本插件的自动...

0 1148
帝国cms百度AI图像清晰度增强api接口对接插件
帝国cms百度AI图像清晰度增强api接口对接插件

通过本插件,可以实现帝国cms网站对接百度云api实现图像清晰度增强的功能。经...

0 417
帝国cms纳米数据接口(足球比赛中最新数据)
帝国cms纳米数据接口(足球比赛中最新数据)

帝国cms 对接纳米数据(www.nami.com)接口,本接口主要接收、整理足球比赛实时数...

0 187
客服QQ:341553759
扫码咨询 常见问题 >
官方交流群:90432500
点击加入