码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2014-07-18 18:23:18      阅读:292      评论:0      收藏:0      [点我收藏+]

标签:style   java   io   cti   html   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实现控制一个文本框的输入字数限制,超出字数限制文本框飘红显示-面试题,布布扣,bubuko.com

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

标签:style   java   io   cti   html   javascript   

原文地址:http://www.cnblogs.com/hr2014/p/3853416.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!