前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >禁止在input中输入中文

禁止在input中输入中文

作者头像
崔笑颜
发布2020-06-08 15:50:56
4K0
发布2020-06-08 15:50:56
举报
文章被收录于专栏:小小码农一个。

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

代码语言:javascript
复制
 <input onpaste="return false" ondragenter="return false"  style="ime-mode:disabled"> 

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

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

代码语言:javascript
复制
<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)"> 

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

代码语言:javascript
复制
<input onpaste="return false" ondragenter="return false"  onkeyup="this.value=this.value.replace(/[^/x00-/x80]/gi,’’)">   

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

代码语言:javascript
复制
<input onpaste="return false" ondragenter="return false"  onkeyup="this.value=this.value.replace(/[/u0391-/uFFE5]/gi,’’)"> 

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

特别说明

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-07-23,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档