js判断文本框里的输入的长度，计算还能再输入多少个字已经超出了多少个字

最新推荐文章于 2022-06-20 14:51:22 发布

玛丽大

最新推荐文章于 2022-06-20 14:51:22 发布

阅读量675

点赞数 1

文章标签： html js

本文链接：https://blog.csdn.net/qq_36937220/article/details/101171961

版权

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>输入文本</title>
    </head>
    <body>
        <p>字数限制在30字内，<span>您还可以输入<b>30</b> 字</span></p>
        <textarea cols="50"  rows="7"  id="text"></textarea>
        <script type="text/javascript">
            //补充代码
            var inputs = document.getElementById("text");
            var num = document.getElementsByTagName("b")[0];
            var span = document.getElementsByTagName("span")[0];
            inputs.onkeyup = function(){  
                var total = 30,
                len = inputs.value.length,
                allow = total-len,
                beyond = len-total;
                if(allow>0){
                    num.innerHTML=allow;
                }else{
                    num.innerHTML=beyond;
                    span.innerHTML="已超出"+"<b>"+beyond+"</b>字";
                }
            }
        </script>
    </body>
</html>

优惠劵

玛丽大

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js判断文本框里的输入的长度，计算还能再输入多少个字已经超出了多少个字

<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title>输入文本</title> </head> <body> <p>字数限制在30字...
复制链接

扫一扫