首页【前端】input输入框只能输入大于等于0的正数

【前端】input输入框只能输入大于等于0的正数

时间: 2024-01-21 08:20:03 浏览: 61

JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数

第一：限制只能是整数 <input type = "text" name= "number" id = 'number' onkeyup= "if(! /^d+$/.test(this.value)){alert('只能整数');this.value='';}" /> 如果不是整数就直接alert 第二：限制是两位的小数 <input type = "text" name= "price" id = 'price' onkeyup= "if( ! /^d*(?:.d{0,2})?$/.test(this.value)){alert('只能输入数字，小数点后只能保留两位');this.v

你可以使用 HTML5 中的 input 标签的 type 属性为 number，再结合 min 属性设置最小值为 0，这样就可以限制输入框只能输入大于等于 0 的正数了。示例代码： ```html <input type="number" min="0"> ``` 此外，你还可以结合 JavaScript 在输入时进行判断，如果输入的不是大于等于 0 的正数，则不允许输入。示例代码如下： ```html <input type="text" onkeyup="value=value.replace(/[^\d.]/g,'')" onblur="value=value.replace(/^0+/, '')"> ``` 这段代码使用了 onkeyup 和 onblur 事件来触发输入内容的判断，如果输入的不是数字或者小数点，则将其替换为空字符；如果输入的是以 0 开头的数字，则将其替换为没有 0 开头的数字。这样就可以实现只能输入大于等于 0 的正数的效果了。

阅读全文