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

}

 

用javascript实现控制一个文本框的输入字数限制,超出字数限制文本框飘红显示-面试题,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。