通过js实时统计文本框的输入字数限制

作者：袖梨 2022-06-25

提示：您可以先修改部分代码再运行

通过js实时统计文本框的输入字数限制
<html> 
<head> 
<title>enter</title> 
<script language="javascript"> 
function keypress1() //text输入长度处理 
{ 
var text1=document.getelementbyid("mytext1").value; 
var len=15-text1.length; 
var show="你还可以输入"+len+"个字"; 
document.getelementbyid("name").innertext=show; 
} 
function keypress2() //textarea输入长度处理 
{ 
var text1=document.getelementbyid("myarea").value; 
var len;//记录剩余字符串的长度 
if(text1.length>=300)//textarea控件不能用maxlength属性，就通过这样显示输入字符数了 
{ 
document.getelementbyid("myarea").value=text1.substr(0,300); 
len=0; 
} 
else 
{ 
len=300-text1.length; 
} 
var show="你还可以输入"+len+"个字"; 
document.getelementbyid("pinglun").innertext=show; 
}

</script> 
</head> 
<body> 
<center> 
<div style="text-align:left;"> 
<h3>昵称:</h3> 
<input type="text" id="mytext1" maxlength=15 onkeyup="keypress1()"/> 
<font color="gray"><label id="name">你还可以输入15个字</label></font>

你还可以输入300个字

提示：您可以先修改部分代码再运行

通过js实时统计文本框的输入字数限制

相关文章

精彩推荐