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

场景

<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()是其他要执行的操作,注意中间加;

还要注意执行的顺序。

猜你喜欢

转载自blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/86291918