文档章节

textarea文字个数倒数,随时提示效果

凯文加内特
 凯文加内特
发布于 2015/02/14 16:21
字数 97
阅读 394
收藏 10
点赞 0
评论 0

看某个站的源码实现思路如下:

html:

<div class="family_v2">
    <p class="nickname_v2">简介:</p>
     <textarea id="content" name="sign" style="height:60px;overflow-y: hidden;" 
     onkeyup="changeLength(this,60)" class="nicknameBox_v2 brief_box_v2">
     </textarea>
     <div class="limit_num_v2">
         <h3>60</h3>
    </div>
 </div>

js:

//验证textarea的长度
function changeLength(obj,lg){
	var len = $(obj).val();
	$(obj).next().find("h3").text(lg-len.length);
	if(len.length>=lg){
		$(obj).next().find("h3").text(0);
		$(obj).val(len.substring(0,lg));
	}
}


© 著作权归作者所有

共有 人打赏支持
凯文加内特
粉丝 326
博文 664
码字总数 86609
作品 0
青岛
后端工程师
文本框文字个数输入提示DEMO

使用方法说明: 在需要判断的时候触发 T.doCheckLen('ti1', 'to1', 1, 50) 即可! 参数说明: T.doCheckLen('ti1', 'to1', 1, 50) ti1 即需要捕捉的文本框文字的id to1 即需要返回数字的id 1 ...

功夫panda ⋅ 2012/02/28 ⋅ 0

HTML5 的 PLACEHOLDER 属性

HTML5对Web Form做了许多增强,比如input新增的type类型、Form Validation等。Placeholder是HTML5新增的另一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本...

小编辑 ⋅ 2011/06/29 ⋅ 12

Textarea自动缩放插件--Expandable

Expandable是由Brandon Aaron开发的jQuery插件,可以根据用户的输入自动缩放textarea文本框的大小。 参数: duration – 动画的速度,默认是’normal’; interval – 插件检查文本框中文字个...

匿名 ⋅ 2011/03/28 ⋅ 0

本地html文件 怎么用一段js脚本实现:网页文本框中输入文字,该html文件源码同时改变并自动保存?

本地html文件 怎么用一段js脚本实现:网页文本框中输入文字,该html文件源码同时改变并自动保存?是本地html文件,实际就相当于用浏览器当文本编辑器,让它实时保存html文件修改后的内容。 ...

fishsmile ⋅ 2013/01/02 ⋅ 10

textarea使用kindeditor时,用js验证textarea是否为空

我的textarea用的是kindeditor,我用js验证textarea是否为空时:我什么都没做,提交后他会提示我内容不能为空,就算我输入文字,也会再一次提示,内容不能为空,我再一次提交内容后,他就提交...

窗之 ⋅ 2014/09/09 ⋅ 1

详解微博发言框的@功能

经常使用微博的人会发现,当我们在输入框输入@然后敲一个人的名字,会弹出一个tip提示层,如图所示: 出于对这个功能的好奇,并抱着学习的态度,翻阅了一些资料后对这个Javascript进行了探讨...

叛道 ⋅ 2012/05/17 ⋅ 0

Ueditor相关问题

将UEditor部署到项目中之后,工具栏上面的提示文字出现乱码,怎么办? 这是由于项目本身的编码格式和UEditor的编码格式不同造成的。目前UEditor只提供了UTF-8格式的版本,如果用户网站的编码...

freedonn ⋅ 2014/08/31 ⋅ 0

js 能不能控制用户打字过程的效果?

比如用户向textarea中输入文字的时候,不是直接出现在textarea中,而是一个一个的从某个地方,比如屏幕右上角飞进textarea里面;

JerryYux ⋅ 2015/04/28 ⋅ 3

CSS填坑代码大全

文字溢出省略号显示 white-space: nowrap; text-overflow: ellipsis; overflow: hidden; 文字换行 /强制不换行/white-space:nowrap;/自动换行/word-wrap: break-word;word-break: normal;/强......

ITer在路上 ⋅ 2015/10/08 ⋅ 0

Html学习笔记总结

图片来自网络,侵删 做做笔记,防遗忘。 常见标签 html基本标签 文件标签:html、head、body 排版标签:br、p、hr、《!-- -- 》 块标签:div、span 文字标签:font、h1-h6 清单标签:ul+li...

陈文洁945 ⋅ 01/20 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

浅谈springboot Web模式下的线程安全问题

我们在@RestController下,一般都是@AutoWired一些Service,由于这些Service都是单例,所以并不存在线程安全问题。 由于Controller本身是单例模式 (非线程安全的), 这意味着每个request过来,...

算法之名 ⋅ 今天 ⋅ 0

知乎Java数据结构

作者:匿名用户 链接:https://www.zhihu.com/question/35947829/answer/66113038 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 感觉知乎上嘲讽题主简...

颖伙虫 ⋅ 今天 ⋅ 0

Confluence 6 恢复一个站点有关使用站点导出为备份的说明

推荐使用生产备份策略。我们推荐你针对你的生产环境中使用的 Confluence 参考 Production Backup Strategy 页面中的内容进行备份和恢复(这个需要你备份你的数据库和 home 目录)。XML 导出备...

honeymose ⋅ 今天 ⋅ 0

JavaScript零基础入门——(九)JavaScript的函数

JavaScript零基础入门——(九)JavaScript的函数 欢迎回到我们的JavaScript零基础入门,上一节课我们了解了有关JS中数组的相关知识点,不知道大家有没有自己去敲一敲,消化一下?这一节课,...

JandenMa ⋅ 今天 ⋅ 0

火狐浏览器各版本下载及插件httprequest

各版本下载地址:http://ftp.mozilla.org/pub/mozilla.org//firefox/releases/ httprequest插件截至57版本可用

xiaoge2016 ⋅ 今天 ⋅ 0

Docker系列教程28-实战:使用Docker Compose运行ELK

原文:http://www.itmuch.com/docker/28-docker-compose-in-action-elk/,转载请说明出处。 ElasticSearch【存储】 Logtash【日志聚合器】 Kibana【界面】 答案: version: '2'services: ...

周立_ITMuch ⋅ 今天 ⋅ 0

使用快嘉sdkg极速搭建接口模拟系统

在具体项目研发过程中,一旦前后端双方约定好接口,前端和app同事就会希望后台同事可以尽快提供可供对接的接口方便调试,而对后台同事来说定好接口还仅是个开始、设计流程,实现业务逻辑,编...

fastjrun ⋅ 今天 ⋅ 0

PXE/KickStart 无人值守安装

导言 作为中小公司的运维,经常会遇到一些机械式的重复工作,例如:有时公司同时上线几十甚至上百台服务器,而且需要我们在短时间内完成系统安装。 常规的办法有什么? 光盘安装系统 ===> 一...

kangvcar ⋅ 昨天 ⋅ 0

使用Puppeteer撸一个爬虫

Puppeteer是什么 puppeteer是谷歌chrome团队官方开发的一个无界面(Headless)chrome工具。Chrome Headless将成为web应用自动化测试的行业标杆。所以我们很有必要来了解一下它。所谓的无头浏...

小草先森 ⋅ 昨天 ⋅ 0

Java Done Right

* 表示难度较大或理论性较强。 ** 表示难度更大或理论性更强。 【Java语言本身】 基础语法,面向对象,顺序编程,并发编程,网络编程,泛型,注解,lambda(Java8),module(Java9),var(...

风华神使 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部