禁止在input中输入中文

最新推荐文章于 2025-02-15 00:23:42 发布

如果没有_明天

最新推荐文章于 2025-02-15 00:23:42 发布

阅读量2.7w

点赞数 3

分类专栏： HTML JavaScript

本文链接：https://blog.csdn.net/u011199063/article/details/73775443

版权

JavaScript 同时被 2 个专栏收录

25 篇文章

订阅专栏

HTML

7 篇文章

订阅专栏

具体步骤：

方法一：用文本框的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 编码值。