实现前端文本域字数并提示可输入字数

        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">简介</label>
            <div class="layui-input-block">
                <textarea name="note"  placeholder="简介长度在四十字以内" class="layui-textarea"></textarea>
                <div class="textareaTip">您还可以再输入<strong id="textareaCount">40</strong>个字</div>
            </div>
        </div>
<script>
 $('textarea').keyup(function(event) {
            /* Act on the event */
            var maxLength = 40;
            var len = $('textarea').val().length;
            $('#textareaCount').html(maxLength - len);
            if(parseInt($('#textareaCount').text()) < 0){
                $('#textareaCount').html('0');
                var res = $(this).val().substring(0,40);
                $(this).val(res);
            }
        });
</script>

 以上是在网上发现的，仅供自己以后参考。