设置首页
-
加入收藏
导航：
博客
-
文章
-
图片
-
下载
-
论坛
[ 首页 ]
[ ASP编程 ]
[ WEB技术 ]
[ 脚本应用 ]
[ 图文教程 ]
[ 站长资讯 ]
当前位置：
文章中心
-
脚本应用
-
文本输入框字数限制js
相关文章
文本输入框字数限制js
textarea的输入限制统计statInput
激活输入框后隐藏初始内容
这里放搜索
最新文章
检测大写锁定键
JS图片切换
JavaScript 图片滑动切换效果
JavaScript 图片变换效果(ie only)
幻于算法
VBScript实现的escape和unescape功能函数
自动排版工具
精妙SQL语句介绍
CSS无图片实现圆角框
简单的弹出层加遮罩层效果
文本输入框字数限制js
关键词：输入框,限制 时间:2008年10月21日 星期二 阅读:472
<script type="text/javascript"> <!-- function check(obj){ var obj; var max=10; obj.value=obj.value.substring(0,max); } //--> </script> <textarea rows="10" onkeyup="check(this);"></textarea>
提示：可以先修改部分代码后再运行
以上为简单
限制
10个字符
以下为改良后，可显示字符输入百分比~
PS：两种代码均不对中英文做出判断
<script type="text/JavaScript"> function textCounter(field,counter,maxlimit,linecounter) { var fieldWidth = parseInt(field.offsetWidth); var charcnt = field.value.length; if (charcnt > maxlimit) { field.value = field.value.substring(0, maxlimit); } else { var percentage = parseInt(100 - (( maxlimit - charcnt) * 100)/maxlimit) ; document.getElementById(counter).style.width = parseInt((fieldWidth*percentage)/100)+"px"; document.getElementById(counter).innerHTML=percentage+"%" setcolor(document.getElementById(counter),percentage,"background"); } } function setcolor(obj,percentage,prop){ obj.style[prop] = "rgb(80%,"+(100-percentage)+"%,"+(100-percentage)+"%)"; } </script> <textarea rows="10" id="texton" onKeyUp="textCounter(this,'baifenbi',20)" ></textarea> <div id="baifenbi"></div> <script>textCounter(document.getElementById("texton"),"baifenbi",20)</script>
提示：可以先修改部分代码后再运行
上一篇：
批量编码转换包括gb2312,utf-8,unicode,支持拖动,VBS实现
下一篇：
纯JS+CSS的液晶数码彩色显示板效果(无图片)
0条记录
访客评论
暂未有任何评论,你来发表一篇吧！
发表评论
昵称
(必填)
内容
(必填)
答案
(必填)
记住我，再次发表不需要重填个人信息。
不想保留信息请
删除cookie
！
友情链接
name
name
与蓝雨对话
Copyright © 2008-2009
蓝雨设计
闽icp备05009764号
Powered by
Bcms X2
. Processed in 0.000000 second(s), 0 queries
0条记录访客评论