用javascript实现控制一个文本框的输入字数限制,超出字数限制文本框飘红显示-面试题
2014-07-18 14:13
537 查看
用javascript实现控制一个文本框的输入字数限制,超出字数限制文本框飘红显示。
html
<textarea name="" id="text" cols="30" rows="10" maxLength=10></textarea><br>
<span id="span"></span>
javascript
var str = document.getElementById("text");
str.onkeyup=function(){
var con = str.value;
var len = con.length;
var spanCon = document.getElementById("span");
spanCon.innerHTML = "您当前输入了"+len+"字符";
if(len>=10){
str.style.background = "red";
setTimeout(function(){str.style.background = "";},10);
spanCon.innerHTML = "最多输入"+len+"字符,";
}else{
str.style.background = "";
}
}
html
<textarea name="" id="text" cols="30" rows="10" maxLength=10></textarea><br>
<span id="span"></span>
javascript
var str = document.getElementById("text");
str.onkeyup=function(){
var con = str.value;
var len = con.length;
var spanCon = document.getElementById("span");
spanCon.innerHTML = "您当前输入了"+len+"字符";
if(len>=10){
str.style.background = "red";
setTimeout(function(){str.style.background = "";},10);
spanCon.innerHTML = "最多输入"+len+"字符,";
}else{
str.style.background = "";
}
}
相关文章推荐
- 倒计时和实现控制文本框字数并在输入过程中显示剩余字数
- iOS-UIkit复习和代理的使用实现文本框限制输入字数控制
- JavaScript实现,控制一个文本框只能输入正整数,如输入不符合条件则文本框全部字体标红
- Jquery实现TextArea 字数限制,并显示当前的输入字符数
- javascript控制文本框输入限制内容
- (转)如何实现CSS限制字数,超出部份显示点点点...
- Javascript控制文本框输入限制[转]
- js控制文本框字数,当超过限制字数时不能输入
- JS控制文本框textarea输入字数限制
- JS实现是一个文本框(值为参数)输入另一个显示(查询结果)
- 解决文本框中输入字符限制---精确控制中文占两个字节,英文占一个字节~
- TextWatcher详解,限制输入字符,实现文本框输入框同步,TextView与EditText同步显示
- 用javascript限制一个文本框只能输入数字,英文
- CSS实现限制页面显示字数,超出部份显示点点点.
- TextWatcher的使用 ,实现一个显示剩余输入字数功能,分享工具类CalculateUtil
- jQuery插件InputLimitor实现文本框输入限制字数统计
- 用javascript限制一个文本框只能输入数字
- JS控制文本框textarea输入字数限制的方法
- jQuery插件InputLimitor实现文本框输入限制字数统计
- 如何实现CSS限制字数,超出部份显示点点点...