JavaScript文本框统计字数

最新推荐文章于 2023-08-21 16:19:30 发布

weixin_33905756

最新推荐文章于 2023-08-21 16:19:30 发布

阅读量404

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/inkyi/p/4901757.html

版权

 1 <html>
 2 <head>
 3     <title>enter</title>
 4     <script language="javascript">
 5         function keypress1() //text输入长度处理 
 6         {
 7             var text1 = document.getElementById("mytext1").value;
 8             var len = 15 - text1.length;
 9             var show = "你还可以输入" + len + "个字";
10             document.getElementById("name").innerText = show;
11         }
12         function keypress2() //textarea输入长度处理 
13         {
14             var text1 = document.getElementById("myarea").value;
15             var len; //记录剩余字符串的长度 
16             if (text1.length >= 300) //textarea控件不能用maxlength属性，就通过这样显示输入字符数了 
17             {
18                 document.getElementById("myarea").value = text1.substr(0, 300);
19                 len = 0;
20             } else {
21                 len = 300 - text1.length;
22             }
23             var show = "你还可以输入" + len + "个字";
24             document.getElementById("pinglun").innerText = show;
25         }
26     </script>
27 </head>
28 <body>
29     <center>
30         <div style="text-align:left;">
31             <h3>昵称:</h3>
32             <input type="text" id="mytext1" maxlength=15 onKeyUp="keypress1()" />
33             <font color="gray"><label id="name">你还可以输入15个字</label></font>
34             <h3>评论内容:</h3>
35             <br>
36             <textarea id="myarea" style="height:100px;width:200px;overflow-x:hidden;overflow-y:hidden"
37             onKeyUp="keypress2()" οnblur="keypress2()">
38             </textarea>
39             <font color="gray"><label id="pinglun">你还可以输入300个字</label></font>
40         <div>
41     </center>
42 </body>
43 </html>

此代码来自网络收集，非本博主原创

转载于:https://www.cnblogs.com/inkyi/p/4901757.html

weixin_33905756

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript文本框统计字数

1 <html> 2 <head> 3 <title>enter</title> 4 <script language="javascript"> 5 function keypress1() //text输入长度处理 6 { 7 va...
复制链接

扫一扫