Question

我不确定如何创建一个只允许输入整数的输入框。我已经制作了输入的HTML版本，但我在JavaScript中需要相同的输入类型。

这是我当前的HTML输入

<input type="text" autocomplete="off" ondragstart="return false;" ondrop="return false;" onpaste="return false;" onkeypress="return event.charCode >= 48 && event.charCode <= 57;">Amount</input>

Answer 1

您应该将type="text"更改为type="number"。您可能也有兴趣为min，max和step属性设置值。

＆＃13;

var input_element = document.getElementById('input');
var output_element = document.getElementById('output');

document.getElementById('form').addEventListener('input', function (event) {
    output_element.value = input_element.value;
});

＆＃13;

<form id="form">
    <label for="input">Input:</label>
    <input id="input" type="number" min="0" max="10" step="2" />

    <br />

    Output: <output id="output" for="input"></output>
</form>

＆＃13;

Answer 2

您可以使用input类型的number和step属性：

<input type="number" step="1">

这样输入只能取整数值。

整数只输入Javascript

2 个答案: