简单JS统计Textarea文本输入框字数(字符数)代码

文章目录

    当我们在做表单提交的时候可以能涉及到提交的内容字数限制的问题,比如用户在前端提交排列或者留言板的时候,对于文本输入框Textarea要做字数限制,目前大部分主
    低风险

    当我们在做表单提交的时候可以能涉及到提交的内容字数限制的问题,比如用户在前端提交排列或者留言板的时候,对于文本输入框Textarea要做字数限制,目前大部分主流社交平台都有字数限制的功能,那么网站前端如何实现呢?

    分享一款简单JS统计Textarea文本输入框字数(字符数)代码:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=”utf-8″>
    <title>JS统计Textarea文本输入框字数</title>
    <script>
    function words_num(){
    var length = document.getElementById(“test”).value.length;
    document.getElementById(“num”).innerHTML = length;
    }
    </script>
    </head>

    <body>
    <p class=”reply”>
    <textarea id=”test” onKeyUp=”words_num()”></textarea>
    <p>字数:<span id=”num”>0</span></p>
    </p>
    </body>
    </html>

    通过输入框字数统计可以让前端用户知道输入的字符数量多少…

    代码简单实用,也可以作为字数统计小工具使用,还可以进行深度开发和UI美化,这个毕竟很实用奥!

    本站采用署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)许可协议授权。
    本站坚持“不能用的源码发出去都是浪费大家时间“,付费源码都是亲测的
    源码已测试,但不保证完美无bug!站长是一位10年老技术,所有会员都可以免费咨询,在线指导提供运营建议!交个朋友~
    全球主机测评网仅提供学习的平台,所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,请联系客服予以删除。

    全球主机测评网 » 简单JS统计Textarea文本输入框字数(字符数)代码

    常见问题FAQ

    全球服务器都是质量可靠的吗?
    国内外服务器商非常多,因市场环境因素,不少主机商有跑路风险,建议选择稳定性实力雄厚的主机商,如果只是短期测试项目可以选择性价比云服务器,本站所有服务器不保证质量,仅做参考!
    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    全球主机测评网
    专注于国内外云服务器、VPS、虚拟主机的评测平台