Jquery中文网 > 脚本编程 > javascript > 正文通过js实时统计文本框的输入字数限制

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

发布时间：2017-04-24 编辑：www.jquerycn.cn

jquery中文网为您提供通过js实时统计文本框的输入字数限制等资源，欢迎您收藏本站，我们将为您提供最新的通过js实时统计文本框的输入字数限制资源

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

<textarea name="runcool" rows="28" cols="75" >通过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>

<h3>昵称:</h3> 你还可以输入15个字 <h3>评论内容:</h3>
<textarea id="myarea" style="height:100px;width:200px;overflow-x:hidden;overflow-y:hidden" onkeyup="keypress2()" onblur="keypress2()"></textarea> 你还可以输入300个字

</center> </body> </html> </textarea>

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

您可能感兴趣的文章：
js控制文本框自动适应文本长度的例子
 通过js实时统计文本框的输入字数限制
 js统计文本框Textarea中的字数
 JS限制Textarea文本域字符个数的代码分享(图文)
js 禁止文本框输入空格的代码
 js去掉空格的代码
 javascript限制文本框textarea输入字数的代码
 js 限制文本框输入内容(大写字符、数字、小写字符)
Js 正则限制只能输入数字或中文的代码
 Jquery控制只能输入数字(解析)

上一篇：js取得地址栏url并获取参数值下一篇：js电子邮箱验证代码

[关闭]

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

最近更新

浏览排行