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

最新推荐文章于 2024-06-12 14:09:45 发布

qq_2417580538

最新推荐文章于 2024-06-12 14:09:45 发布

阅读量7.6k

点赞数 2

分类专栏： js

本文链接：https://blog.csdn.net/qq_2417580538/article/details/117949867

版权

关键词由CSDN通过智能技术生成

7 篇文章 0 订阅

订阅专栏

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

<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, '')}

关注