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()是其他要执行的操作,注意中间加;
还要注意执行的顺序。
上一篇: Linux中Root密码破解
下一篇: WordPress架设多域名多站点教程