限制字元長度
阿新 • • 發佈:2020-12-16
技術標籤:筆記htmljavascript
限制字元長度
使用:
- 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>
- js裡
新增方法
//品牌首字母長度限制
form.verify({
nlength: function (value) {
if(value.length != 1){
return '品牌首字母只能一個字元';
}
}
});
注意: 在寫一寫犯法的時候 記得要先把元素定義一下
layui.use裡面要寫上。