多语言展示
当前在线:1352今日阅读:82今日分享:48

layui怎么设置输入框最大输入字符

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种办法,希望可以帮助大家

推荐信息