Question

我创建了一个表格，其中输入是整数，但不知怎的，我仍然能够传递任何文本。

<tr>
      <td>number: </td>
      <td><input type="integer" name="number" value=""/></td>
    </tr>

是type =“integer”正确吗？

Answer 1

简而言之，integer不是正确的类型 - 您所寻求的是number

<input type='number' />

此类输入的附加属性是可能的，包括：

min：输入允许的最低值
max：输入允许的最高值
step：上/下选择器将增加当前值的增量值

More information & example usage from MDN

Answer 2

<input type="number" name="number" value="" min="0" step="1"/>

Answer 3

对于数字，您应该使用type="number"。有关详细信息，请按the reference。

您的更新代码为 -

<tr>
      <td>number: </td>
      <td><input type="number" name="number" value=""/></td>
    </tr>

其他解决方案：您可以使用下面给出的JavaScript验证来执行此操作。

function isNumber(evt) {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true;
}

<input type="text"  value="" name="number" onkeypress="return isNumber(event)" />

html表输入整数类型？

3 个答案: