layui实现文本域输入字数的限制

layui中textarea的限制字数的实现效果图如下：

实现代码如下：

CSS样式代码：

.layui-input-block {
     position: relative;
 }

 .word {   // 限制字数0/500的位置
     position: absolute;
     right: 18px;
     bottom: 5px;
     color: #aaa;
     font-size: 12px;
 }

html部分代码：

<div class="layui-input-block">
	<textarea name="signComment" id="signComment" placeholder="请输入审批意见" maxlength="500" oninput="wordLeg(this);"
	    onpropertychange="if(value.length>500) value=value.substr(0,500)" lay-verify="required"
	    autocomplete="off" class="layui-textarea"></textarea>
	<div class="word"><span class="text_count">0</span>&nbsp;/&nbsp;<span class="num_count" id="numCount">500</span>
	</div>
</div>

js部分代码：

//字数限制

    function wordLeg(obj) {
        var currleg = $(obj).val().length;
        var length = $(obj).attr('maxlength');
        if (currleg > length) {
            layer.msg('字数请在' + length + '字以内');
        } else {
            $('.text_count').text(currleg);
        }

    }
或者
window.wordLeg = function (obj) {
      var currleg = $(obj).val().length;
      var length = $(obj).attr('maxlength');
      if (currleg > length) {
           layer.msg('字数请在' + length + '字以内');
        } else {
           $('.text_count').text(currleg);
       }
 }

以上就是问题的解决方案，如有其他的疑问可以参考以下博客：
https://www.cnblogs.com/qutao125/p/14474814.html
https://blog.csdn.net/liang_rujiang/article/details/117987440