龙空技术网

禁止在input中输入中文

cuixiaoyan 284

前言:

此刻咱们对“htmlinput只能输入数字”可能比较讲究,姐妹们都需要剖析一些“htmlinput只能输入数字”的相关文章。那么小编也在网上收集了一些有关“htmlinput只能输入数字””的相关文章,希望你们能喜欢,大家一起来学习一下吧!

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

标签: #htmlinput只能输入数字