文档章节

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

凯文加内特
 凯文加内特
发布于 2015/02/14 16:21
字数 97
阅读 400
收藏 10

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

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));
	}
}


© 著作权归作者所有

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

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

功夫panda
2012/02/28
0
0
HTML5 的 PLACEHOLDER 属性

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

小编辑
2011/06/29
30.7K
12
Textarea自动缩放插件--Expandable

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

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

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

fishsmile
2013/01/02
14.4K
10
textarea使用kindeditor时,用js验证textarea是否为空

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

窗之
2014/09/09
3.2K
1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

最全最强解析:支付宝钱包系统架构内部剖析(架构图)

支付宝系统架构概况 典型处理默认 资金处理平台 财务会计 支付清算 核算中心 交易 柔性事务 支付宝的开源分布式消息中间件–Metamorphosis(MetaQ) Metamorphosis (MetaQ) 是一个高性能、高可...

晨猫
28分钟前
4
0
竞品分析

那什么样的场景需要用关键纬度分析法分析竞品呢? 竞品分析的目的是为了看竞品们和自己产品重合的业务都具备哪些功能点,以及这些功能是怎么做的,以此确定自己产品的优化方向。 竞品们的业务...

于谦老师
36分钟前
1
0
OSChina 周三乱弹 —— 公司女同事约我

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @莱布妮子:分享水木年华的单曲《蝴蝶花(2002年大提琴版)》 《蝴蝶花(2002年大提琴版)》- 水木年华 手机党少年们想听歌,请使劲儿戳(这里) ...

小小编辑
今天
929
16
Linux环境搭建 | VMware下共享文件夹的实现

在进行程序开发的过程中,我们经常要在主机与虚拟机之间传递文件,比如说,源代码位于虚拟机,而在主机下阅读或修改源代码,这里就需要使用到 「共享文件」 这个机制了。本文介绍了两种共享文...

良许Linux
今天
9
0
JUC锁框架——AQS源码分析

JUC锁介绍 Java的并发框架JUC(java.util.concurrent)中锁是最重要的一个工具。因为锁,才能实现正确的并发访问。而AbstractQueuedSynchronizer(AQS)是一个用来构建锁和同步器的框架,使用A...

长头发-dawn
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部