Javascript对网页输入框的字数限制


js对输入框的字数限制,限制文本框输入的字符数,若达到数目则停止其输入!代码如下:

01.< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
02.<html xmlns="http://www.w3.org/1999/xhtml">
03.<head>
04.<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
05.<title>无标题文档</title>
06.<script type="text/javascript">
07.   
var textCounter=function (field,counter,maxlimit){
08.       
var charcnt = field.value.length;
09.       
if (charcnt > maxlimit) {
10.           
field.value = field.value.substring(0, maxlimit);
11.       
}else {
12.           
document.getElementById(counter).innerHTML=charcnt;
13.       
}
14.   
}
15.</script>
16.</head>
17.<body>
18.<p><span id="progressbar1">0</span>/12</p>
19.<form><input type="text" id="maxcharfield"  size="34"/>
20.</form>
21.<script type="text/javascript">
22.   
document.getElementById("maxcharfield").onfocus = document.getElementById("maxcharfield").onkeydown = document.getElementById("maxcharfield").onkeyup = function(){
23.       
textCounter(this,'progressbar1',12);
24.   
}
25.</script>
26.</body>
27.</html>



相关阅读:
js删除所有的cookie的代码
asp.net分页控件AspNetPager的样式美化
oracle中over() 函数用法
asp.net 2.0小TIPS两则
用PHP制作静态网站的模板框架(三)
甲骨文:对开发者来说11g同样优秀
Vistual Studio 2010 精品插件收集
js null,undefined,字符串小结
网页教学网收集的优秀的CSS技巧与教程
Win 2000安全设置清单
巧用ASP.NET预编译Web应用程序规避调用延迟的方法
Access数据库的一点经验
自动设为主页
如何使用ODBC接口访问MySQL
快速导航

Copyright © 2016 phpStudy |