1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > input限制只能输入数字 限制输入数字长度或者大小

input限制只能输入数字 限制输入数字长度或者大小

时间:2023-09-17 11:44:01

相关推荐

input限制只能输入数字 限制输入数字长度或者大小

1.限制只能输入数字

方式一:此方式只能控制输入的内容是数字,不能控制是否是正负数

<input type="number" value=""/>

方式二:此方式可控制输入的内容是数字

<input type="number" //这里的类型不是number也可以οninput="value=value.replace(/[^0-9]/g,'') // value.replace(/[^0-9]/g,'') 查找value中不是数字0-9的内容,并将其替换为''/>

了解一下js replace

拓展

1.限制输入的数字长4位

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

了解一下js slice

2.限制输入的数字最大值为10

<input type = "number"oninput = "if(value> 10)value=10/>

3.限制输入的数字最小值为0

<input type = "number"oninput = "if(value< 0)value=0/>

4.限制长度,大小

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

5.只能输入数字,且开头不能为 0

<input type="number" oninput="value=value.replace(/^[0]+[1-9]*/g,'')"/>

6.只能输入数字和一个小数点,开头不能是数字

<input type="text"oninput="value=value.replace(/^\./,'').replace(/[^\d.]+/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.')">

若有不足,请批评指正

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。