标签云
网站统计
- 观海听潮•博客
- 81篇
- 151条
- 311156次
- 297次
- 美国弗吉尼亚州
您现在的位置是:首页 > 技术杂谈 > 前端 前端
示例效果图:
css部分:
.layui-input-block {
position: relative;
}
.word {
position: absolute;
right: 10px;
bottom: 10px;
color: #aaa;
font-size: 12px;
}
html部分:
<div class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label layui-required">消息简介:</label>
<div class="layui-input-block">
<textarea placeholder="请输入消息简介" oninput="wordLeg(this);" maxlength="100" onpropertychange="if(value.length>100) value=value.substr(0,100)" name="desc" class="layui-textarea"></textarea>
<div class="word"><span class="text_count">0</span> / <span class="num_count" id="numCount">100</span></div>
</div>
</div>
</div>
js部分:
//字数限制
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);
}
}
上一篇:layui表单必填项带*样式
下一篇:公众号基本配置
文章评论

评论列表