欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Input为number类型maxlength不好使,用js轻松解决

程序员文章站 2022-04-06 11:39:59
...

场景

<input type="text"  maxlength="5" />   //可以
<input type="number"  maxlength="5" />  //没有效果

如果为number怎样控制输入长度

解决

<input type="number" oninput="if(value.length>4) value=value.slice(0,4)" />

添加oninput事件,用js进行判断,如果长度大于4位,则截取前四位。

如果还要添加别的验证规则比如保留两位小数或者实现数字的自动计算,可以

oninput="rs(this.value);if(value.length>4) value=value.slice(0,4)"

其中rs()是其他要执行的操作,注意中间加;

还要注意执行的顺序。

相关标签: input