Input输入框如何禁止输入中文

设置输入框的样式，代码如下

<span style="font-size:18px;"><input type = "text" id = "jscaptcha_input" style="ime-mode:disabled;" maxlength="5"/></span>

给输入框的样式添加 “ ime-mode:disabled” 即可限制输入框不能输入中文。

但该方法在谷歌浏览器中不管用，ie与火狐都支持

这种方式是最常见的，但是不支持谷歌，于是又找了一个新的方式

<Input size="small" onKeyUp={(event) => event.target.value = event.target.value.replace(/[^\x00-\xff]/g, '')} />

通过change事件捕捉输入的内容将输入的中文强制转为键盘输入的字母，包括中文符号

onKeyUp={(event) => event.target.value = event.target.value.replace(/[^\x00-\xff]/g, '')}