如果我在数字输入中输入非数字，如何查看 HTML5 验证错误？答案

【问题标题】：How can I see an HTML5 validation error if I enter non-numbers in the number input?如果我在数字输入中输入非数字，如何查看 HTML5 验证错误？
【发布时间】：2021-12-09 18:02:38
【问题描述】：

我正在参加 freeCodeCamp 响应式周三设计挑战赛，我需要构建一个调查表，但我遇到了一些验证错误的问题。这是要求：“如果我在数字输入中输入非数字，我将看到 HTML5 验证错误。”。这是我的代码：

<label for="age" id="number">
            Age
        </label>

        <input type="number" id="number" min="14" max="99">
        <input type="submit" value="Submit" >

下一个要求是“如果我输入的数字超出了由 min 和 max 属性定义的数字输入范围，我将看到 HTML5 验证错误。”。这也不起作用，即使我使用了最小值和最大值。

我尝试了“必需”，但它并没有改变任何东西，“模式”也没有。

【问题讨论】：

请注意，<input> 标签不使用也不需要结束斜杠，并且在任何 HTML 规范中都没有。

标签： html forms validationerror html5-number-input

【解决方案1】：

我发现了错误。代码应该是这样的

<label for="number">
            Age(optional)
        </label>

        <input type="number" id="number" name="number" min="14" max="99">
        <input type="submit" value="Submit">

【讨论】：