禁止在input中输入中文

最新推荐文章于 2025-05-16 11:41:12 发布

原创最新推荐文章于 2025-05-16 11:41:12 发布 · 2.7w 阅读

18 ·

CC 4.0 BY-SA版权

JavaScript 同时被 2 个专栏收录

25 篇文章

订阅专栏

HTML

7 篇文章

订阅专栏

本文介绍四种禁用或限制中文输入的方法，包括使用CSS属性ime-mode禁止切换输入法及通过脚本实时过滤非ASCII字符。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

具体步骤：

方法一：用文本框的CSS属性ime-mode实现。

 <input onpaste="return false" ondragenter="return false"  style="ime-mode:disabled">

提示：设置ime-mode为disabled的意思是禁止在输入时禁止用户激活输入中文，韩文，日文等的输入法（IME）状态，因为这个只能检测到键盘的输入，对通过鼠标操作的粘贴和拖放无效。

方法二：在松开按键时用脚本检查文本框的值，只保留Unicode编码在0和255之间的字符。

<script> 
function check(str){ 
var temp="" 
for(var i=0;i<str.length;i++) 
     if(str.charCodeAt(i)>0&&str.charCodeAt(i)<255) 
        temp+=str.charAt(i) 
return temp 
} 
</script> 
<input onpaste="return false" ondragenter="return false"  onkeyup="this.value=check(this.value)">

方法三：把所有双字节字符替换为空。

<input onpaste="return false" ondragenter="return false"  onkeyup="this.value=this.value.replace(/[^/x00-/x80]/gi,’’)">

方法四：把中文字符替换为空。

<input onpaste="return false" ondragenter="return false"  onkeyup="this.value=this.value.replace(/[/u0391-/uFFE5]/gi,’’)">

特别提示
本例代码运行后，第一种方法是不能切换输入法，所以无法输入中文，其它三种方法是在输入中文后立即被替换为空，同时禁止了粘贴和拖放事件。

特别说明

本例主要是css属性ime-mode和对中文或双字节字符的判断应用。
ime-mode 设置输入方法编辑器(IME)的状态。
charCodeAt返回指定位置上字符的 Unicode 编码值。