限制文本域多少字体

1.首先第一步，我们需要设置.textare的html

 <div class="layui-input-inline tcp_box">
                    <textarea name="apply_require" lay-filter="apply_require" id="apply_require"
                              class="layui-input applyRequest tcp_content" placeholder="请输入活动报名要求"  style="width: 340px;height: 80px;padding: 5px 8px;"
                              maxlength="500"
                              onchange="this.value=this.value.substring(0,500)"
                              onkeydown="this.value=this.value.substring(0,500)"
                              onkeyup="this.value=this.value.substring(0,500)"></textarea>
                    <p class="pl_tcp"></p>
                    <span class="t_h"><i>0</i>/500</span>
                </div>

2.js代码的设置

  //文本域的计算
        $(".tcp_content").focus(function () {
            if ($(this).val() == "") {
                $(".tcp_box p").css('display', 'none')
            }
        }).blur(function () {
            if ($(this).val() == "") {
                $(".tcp_box p").css('display', 'block')
            } else {
                $(".tcp_box p").css('display', 'none')
            }
        })

        $(".pl_tcp").click(function () {
            $(this).css('display', 'none');
            $(".tcp_content").focus();
        })

        $(".tcp_content").change(function () {
            $(".t_h i").html($(".tcp_content").val().length);
        })
        $(".tcp_content").keydown(function () {
            $(".t_h i").html($(".tcp_content").val().length);
        })
        $(".tcp_content").keyup(function () {
            $(".t_h i").html($(".tcp_content").val().length);
        })