javascript - 如何在 ReactJS 中验证输入类型 ="number"？

Question

我在 ReactJS 应用程序中验证 HTML 元素 input type="number" 时遇到问题:

render() {
    return (
        <input type="number" onBlur={this.onBlur} />
    );
},

onBlur(e) {
    console.log(e);
}

日志是:

在桌面应用程序上一切正常，但在移动应用程序上出现问题。 用户可以更改键盘并输入他想要的所有内容。 所以我想使用验证来修复它。当我 try catch 用户输入的值时，我得到了这个日志。就像 React 只是隐藏了这个不正确的值。

我该如何解决？ 或者还有另一种方法如何在 ReactJS 应用程序中验证 input type="number"？

提前致谢。

Answer 1

这是验证的最佳方式:

<input type="number" pattern="[0-9]*" inputmode="numeric">

这样我就不能输入smth else了。此外，检查null 的e.target.value 无法获得良好的固定结果，因为空字段和文本不正确的字段相同(空)。