文档章节

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

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


© 著作权归作者所有

共有 人打赏支持
凯文加内特
粉丝 333
博文 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
js 能不能控制用户打字过程的效果?

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

JerryYux
2015/04/28
184
3

没有更多内容

加载失败,请刷新页面

加载更多

Apache 流框架 Flink,Spark Streaming,Storm对比分析

1.Flink架构及特性分析 Flink是个相当早的项目,开始于2008年,但只在最近才得到注意。Flink是原生的流处理系统,提供high level的API。Flink也提供 API来像Spark一样进行批处理,但两者处理...

hblt-j
13分钟前
0
0
Dubbo/HSF在Service Mesh下的思考和方案

开头 Service Mesh这个“热”词是2016年9月被“造”出来,而今年2018年更是被称为service Mesh的关键之年,各家大公司都希望能在这个思潮下领先一步。今天我也分享阿里中间件在这方面的观点,...

Mr_zebra
15分钟前
0
0
用命令卸载Win8 IE9/IE10/IE11浏览器

首先打开,开始---运行-----框里输入cmd,进入命令提示框,将下面的命令复制粘贴到命令框里,然后按下Enter键执行。 执行完命令,必须重启电脑。 卸载IE9的命令: FORFILES /P %WINDIR%\ser...

JackFace
16分钟前
0
0
2018年产品设计协作领域最强黑马居然是它?

我发了一条朋友圈“感谢池子的秘密法宝,我今天终于吃上了女朋友做的晚饭了”并配上香香的绿豆汤,瞬间获得好几十条评论。 “同为设计师,为啥你会这么早回家?” “快扶我起来,我还能画两个...

mo311
17分钟前
0
0
linux安装jdk1.8(rpm方式)

1:下载JDK的URL地址,例如:http://download.oracle.com/otn-pub/java/jdk/8u131-b11/d54c1d3a095b4ff2b6607d096fa80163/jdk-8u131-linux-x64.rpm。这个地址可以去Orcale的官网找到。通过w......

苏牧影子
21分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部