JQuery 表单textarea控制字数
程序员文章站
2022-07-02 12:52:15
For example: 效果图: ......
/** *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>
效果图:
上一篇: 常用的一些js校验
下一篇: 页面QQ临时对话的实现
推荐阅读
-
jQuery计算textarea中文字数(剩余个数)的小程序
-
jquery实现textarea输入框限制字数的方法教程
-
jquery实现限制textarea输入字数的方法
-
jquery实现textarea输入字符控制(仿微博输入控制字符)
-
JQuery 表单textarea控制字数
-
jquery实现textarea输入框限制字数的方法教程
-
实例详解jquery实现限制textarea输入字数
-
jQuery计算textarea中文字数(剩余个数)的小程序
-
基于jquery的textarea发布框限制文字字数输入(添加中文识别)_jquery
-
基于jquery的textarea发布框限制文字字数输入(添加中文识别)_jquery