zoukankan      html  css  js  c++  java
  • laylui textarea的限制字数的

    示例效果图:

    7a7348fd4c7483bec689ad42ee7a47e7994357.jpg

    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>&nbsp;/&nbsp;<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);

           }

     }

    只是查找方便的总结
  • 相关阅读:
    如何在谷歌浏览器增加插件
    电脑更换硬盘
    电脑增加内存条
    了解计算机存储器
    Vue ----------- 了解, 展示json 数据
    JSON -------- json与字符串之间的转换
    JSON ------ 创建与访问
    Chartjs 简单使用 ------ 制作sin cos 折线图
    WebStorm ------------ 调整字体大小和背景
    输出正整数的各位数字
  • 原文地址:https://www.cnblogs.com/qutao125/p/14474814.html
Copyright © 2011-2022 走看看