禁止在input中输入中文

具体步骤：

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

禁止在input中输入中文相关推荐

解决input中输入中文过程中会触发input事件的问题
问题描述: 监听文本输入框的input事件,在拼写汉字时会触发input事件,如下图: 需求: 选词完成后触发input事件,只触发一次. 解决办法: 通过查阅资料得知在输入中文(包括语音识别时)会先 ...
html输入框禁止输入汉字,input输入框输入中文时，监听的input事件怎样屏蔽拼音状态...
在input输入框输入中文时,需要即时查询出匹配输入内容的结果,一般我们会使用input事件监听用户输入事件,但是在输入汉语拼音时,也会触发input事件,前端就会不断发送请求,用户体验非常差劲. 针 ...
input 输入框输入中文
input 输入框输入中文问题描述在input输入框输入中文时,需要即时查询出匹配输入内容的结果,一般我们会使用input事件监听用户输入事件,但是在输入汉语拼音时,也会触发input事件,前端就 ...
React — input标签输入中文的拼音时候会触发onChange事件解决
在React开发项目的过程中,避免不了会用到input标签(比如在登录.录入用户信息等界面),而使用input标签时候,为了体验限制只能输入数字.或者只能输入数字或者字母.或者只能输入英文等限制条件. ...
wml在文本框中输入中文关键字搜索时，服务端获取到的值总是乱码的解决方法。...
wml在文本框中输入中文关键字搜索时,服务端获取到的值总是乱码,该如何解决? 现提供一个客户端对关键字编码,服务端再解析的方法,应该可以完美的解决这一问题. wml文件: <?xml versi ...
Ubuntu 下面用ibus在opera中输入中文
在ubuntu 下面安装了opera后,然后安装了ibus,但却发现不能输入中文,然而ibus却可以在其它程序中输入中文的.经过调查发现,原因有二: 1. opera的快捷键与ibus快捷键冲突. 我 ...
【杂记】（input获取焦点失去焦点、获取input中输入的值、键盘事件、js事件、Math 属性、手机自适应meta定义、去掉input内置阴影、图片居中、去蓝色默认背景、点击去掉默认边框）
1. input获取焦点失去焦点 input:focus{border:1px red solid:} 获取焦点 .focus()失去焦点.blur() 2. 获取input中输入的值 <inp ...
linux freemind字体,解决freemind在Ubuntu中输入中文问题
freemind是java程序,所以首先要解决java的中文字体解决问题,一般只要copy某个中文字体到jre的lib/fonts下某个文件夹就好了,如果用了多个jre,则需要确定用于运行freemi ...
spring mvc项目中，在jsp页面中输入中文时，提交到student.jsp页面后，结果显示中文乱码
在jsp页面中输入中文时,提交到student.jsp页面后,结果显示中文乱码下面是相关代码截图表单代码: 控制器类代码: springmvc配置文件代码: 用于显示的jsp页面: 修改之前的we ...

禁止在input中输入中文

禁止在input中输入中文相关推荐

最新文章

热门文章