js完成输入字数计算

浏览:1239 发布日期:2016/11/27 分类:javascript 关键字: js常用功能

    这是以前的论坛和一些老网站留言里经常见到的一个小功能,通过js来计算输入的文字和还剩下的文字,原理很简单,代码也很少。

这里限定的是20个字符

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://img.jb51.net/jslib/jquery/jquery.min.js"></script>
  <style>
      #tetx,#text-1{
    color:red;
}
 </style>
</head>

<body>
    <label> 留言板:
        <textarea autofocus="autofocus" id="liuyan" cols="30" rows="10" placeholder="请发表留言20字以内" maxlength="20"></textarea>
    </label>
    <p>你输入了<span id="tetx">0</span>字,你还可以输入<span id="text-1">20</span>字</p>

    <script>
    $(function() {
        $("#liuyan").keyup(function() {
            var l = $("#liuyan").val().length;
            if (l >= 20) {
                l = 20
            }
            $("#tetx").text(l);
            $("#text-1").text(20 - l);
        })

    })
   

    </script>
</body>

</html>


猫头鹰博客专注前端开发

前端开发QQ群:577185192

1476844455471.png



评论(4 相关
网赚助手评论引流大全已经加了您的博客!
回复 宜人贷 2017-02-24
老网站留言里经常见到的一个小功能
回复 币安 2017-12-27
币安:http://www.lelev.com 可靠的币币交易所
回复 聚币网 2018-02-03
原理很简单,代码也很少

发表评论

必填

选填

选填