首页 > Web开发 > 详细

JQuery 表单textarea控制字数

时间:2019-10-08 19:29:34      阅读:69      评论:0      收藏:0      [点我收藏+]
/**
 *textarea 字数限制
 *obj textarea 
 * maxlength 限制的最大字数
 */
function textarealength(obj,maxlength){
    var v = $(obj).val();
    var l = v.length;
    if( l > maxlength){
        v = v.substring(0,maxlength);
        $(obj).val(v);
    }
    $(obj).parent().find(".textarea-length").text(v.length);
}

For example:

<style>
.textarea-numberbar{ position:absolute; right:20px; bottom:5px; z-index:1; margin-bottom:0}
</style>
<textarea name="desc" placeholder="请输入内容" class="layui-textarea" lay-verify="required" onKeyUp="textarealength(this,150)"></textarea> <p class="textarea-numberbar"><em class="textarea-length">0</em>/150</p>

效果图:

技术分享图片

 

JQuery 表单textarea控制字数

原文:https://www.cnblogs.com/pawn-i/p/11636834.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!