layui是后台用的很多的框架,相比其他而已,layui是开箱即用,非常方便。这里就分享一下输入框设置最大字符
工具/原料
layui
方法/步骤
1
第一步:写一个简单的文本页面,里面有输入框,代码如下:
2
第二步:限制最大输入字符方法1,写一个简单onKeyUp监听方法,代码如下:function inputLength(e) { console.log('----------'+ e.value) if(e.value.length > 10){ alert('too long'); } e.value = e.value.substr(0, 9); }
3
第三步:在input上面添加事件,代码如下:
4
第四步:打开页面,运行查看效果,可以发现input的长度被限制在10以内,效果如图:
5
第五步:还可以在input上直接写正则表达式,比如限制只能正整数输入,代码如下:
6
第六步:可以刷新页面发现是没有问题的,如图。
7
第七步:这里就说了2种办法,希望可以帮助大家
上一篇:layui使用搜索选择框
下一篇:let's play怎么回答