首页 > 代码库 > 用javascript实现控制一个文本框的输入字数限制,超出字数限制文本框飘红显示-面试题

用javascript实现控制一个文本框的输入字数限制,超出字数限制文本框飘红显示-面试题

用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 = "";
}

}