input number 纯数字输入限制长度限制最大值

ihtml js nput number 纯数字输入限制长度限制最大值

清木Moyu

1670人浏览 · 2022-07-15 10:29:18

清木Moyu · 2022-07-15 10:29:18 发布

使用js的oninput即可简单实现，不需要些复杂的代码

// 限制最大值10
<input type="number" oninput="if(value>10)value=10" />
 
// 限制最小值0
<input type="number" oninput="if(value<0)value=0" />

// 限制输入长度，适用于字符串

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

//长度7  最大值40 最小值0
<input type="number" oninput="if(value>40)value=40;if(value.length>7)value=value.slice(0,7);if(value<0)value=0" />