文档章节

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

凯文加内特
 凯文加内特
发布于 2015/02/14 16:21
字数 97
阅读 417
收藏 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));
	}
}


© 著作权归作者所有

共有 人打赏支持
凯文加内特
粉丝 337
博文 674
码字总数 98608
作品 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
Textarea自动缩放插件--Expandable

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

匿名
2011/03/28
948
0
HTML5 的 PLACEHOLDER 属性

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

小编辑
2011/06/29
31.8K
12
本地html文件 怎么用一段js脚本实现:网页文本框中输入文字,该html文件源码同时改变并自动保存?

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

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

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

窗之
2014/09/09
3.4K
1

没有更多内容

加载失败,请刷新页面

加载更多

java框架学习日志-7(静态代理和JDK代理)

静态代理 我们平时去餐厅吃饭,不是直接告诉厨师做什么菜的,而是先告诉服务员点什么菜,然后由服务员传到给厨师,相当于服务员是厨师的代理,我们通过代理让厨师炒菜,这就是代理模式。代理...

白话
今天
15
0
Flink Window

1.Flink窗口 Window Assigner分配器。 窗口可以是时间驱动的(Time Window,例如:每30秒钟),也可以是数据驱动的(Count Window,例如:每一百个元素)。 一种经典的窗口分类可以分成: 翻...

满小茂
今天
9
0
my.ini

1

architect刘源源
今天
10
0
docker dns

There is a opensource application that solves this issue, it's called DNS Proxy Server It's a DNS server that solves containers hostnames, if could not found a hostname that mat......

kut
今天
11
0
寻找数学的广度——《这才是数学》读书笔记2700字

寻找数学的广度——《这才是数学》读书笔记2700字: 文|程哲。数学学习方式之广:国内外数学教育方面的专家,进行了很多种不同的数学学习方式尝试,如数学绘本、数学游戏、数学实验、数学步道...

原创小博客
今天
21
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部