1. 程式人生 > 其它 >限制字元長度

限制字元長度

技術標籤:筆記htmljavascript

限制字元長度

使用:

  1. html 裡
    在輸入框 input標籤裡 寫上lay-verify=“required|nlength” 限制一下
    完整程式碼:
<div class="layui-inline layui-col-md12">
                        <label class="layui-form-label">品牌首字母<span style="color: #ff0000;">*</span></label
>
<div class="layui-input-block" > <input id="firstChar" name="firstChar" lay-verify="required|nlength" placeholder="請輸入品牌首字母" type="text" class="layui-input" required
/>
</div> </div>
  1. js裡
    新增方法
//品牌首字母長度限制
    form.verify({
        nlength: function (value) {
            if(value.length != 1){
                return '品牌首字母只能一個字元';
            }
        }
    });

注意: 在寫一寫犯法的時候 記得要先把元素定義一下
layui.use裡面要寫上。