首页输入框限制只能输入5位整数加两位小数

输入框限制只能输入5位整数加两位小数

时间: 2024-05-16 10:16:26 浏览: 55

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 标签中的 pattern 属性来限制输入框只能输入 5 位整数加两位小数。示例代码如下： ```html <input type="text" pattern="[0-9]{1,5}(\.[0-9]{1,2})?" title="请输入5位整数加两位小数"> ``` 这里的 pattern 属性值是一个正则表达式，其中 `[0-9]{1,5}` 匹配 1 到 5 位数字，`(\.[0-9]{1,2})?` 匹配 0 或 1 个小数点后面跟 1 到 2 位数字的组合。这个正则表达式可以匹配 5 位整数加两位小数的格式。title 属性设置输入框提示信息，当用户输入不符合要求的内容时将会显示这个提示信息。

阅读全文