首页 > 代码库 > 用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 = "";
}
}
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。