input限制输入数字为:正整数、 正数、小数demo效果(整理)

input限制输入数字为:正整数、 正数、小数
类型1:只允许输入正整数
类型2:只允许输入数字(整数:小数点不能输入)
类型3:允许输入小数(两位小数)、正数
类型4:允许输入小数(一位小数)、正数
类型5:开头不能为0,且不能输入小数

类型1:只允许输入正整数

//min和max属性分别设置最小值、最大值,输入的值必须为:>=1 && <=100
<input type="number" min="1" max="100"/>

类型2:只允许输入数字(整数:小数点不能输入)

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

类型3:允许输入小数(两位小数)、正数

<input type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" > 

类型4:允许输入小数(一位小数)、正数

<input type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,1})?).*$/g, '$1')" > 

类型5:开头不能为0,且不能输入小数

<input type="text" onkeyup="value=value.replace(/[^\d]/g,'').replace(/^0{1,}/g,'')" >

转载:感谢分享。原文博主有截图,描述更清晰

猜你喜欢

转载自blog.csdn.net/qq_38881495/article/details/128774622