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

mmmmmm丶宠囚

mmmmmm丶宠囚

2016-02-20 01:01

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐Javascript对网页输入框的字数限制,赶紧看过来吧!

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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.pspan id="progressbar1"0/span/12/p
19.forminput 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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

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

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

jquery 输入框数字限制插件

Web开发
jquery 输入框数字限制插件

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JavaScript/JS密码输入框的问题

Web开发
JavaScript/JS密码输入框的问题

网页输入框的样式触发效果

Web开发
网页输入框的样式触发效果

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

限制文本输入框只能输入0-9数字

电脑网络
限制文本输入框只能输入0-9数字

网页输入框的样式触发的效果

Web开发
网页输入框的样式触发的效果

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

java编程教程:JDBC技术简介

java编程教程:JDBC技术简介

如何在单独的窗口中打开 Excel 文件?

如何在单独的窗口中打开 Excel 文件?
下拉加载更多内容 ↓