我有一个文本框，作为用户我想允许使用html输入0到0.3之间的数字

Question

我进入了文本框，我只想输入数字，只允许输入0到0.3之间的数字。如果用户输入的数字> 0.3，则会生成警告。
输入范围应为0 – 0.3A•

我试图在输入正文中提供最大值和最小值，但它定义了数字范围。

<input type= "number" id =" #hardware_tdc_component` + this.data.id + `" 
       class="form-control" 
       style="font-size: 18px !important;" 
       value="` + this.params.Iout / 2 + `" 
       onkeypress = "calculateSum(input)" 
       onkeydown="javascript: return event.keyCode == 69 ? false : true">

Answer 1

将keyup侦听器添加到input，获取输入value，并检查它是否在0-3之间。

document.querySelector('input').addEventListener('keyup', function() {
    if(this.value < 0 || this.value > 0.3) {
        console.log('Entered number is invalid');
    }
});

<input type="number">