当前位置: 代码迷 >> Web前端 >> 文本框不能输入汉语言判断
  详细解决方案

文本框不能输入汉语言判断

热度:35   发布时间:2012-08-21 13:00:21.0
文本框不能输入中文判断

具体步骤

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

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

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

false"? style="ime-mode:disabled">? 是可以防止通过鼠标操作的粘贴和拖放的,如果不能输入字母另加判断。
方法二:在松开按键时用脚本检查文本框的值,只保留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?编码值。

?

?

/*对整数文本框的控制*/
function IntegerBoxKeyPress(_Box,IsPositiveNumber)
{
??? var KeyValue=event.keyCode;
??? return (KeyValue>=48 && KeyValue<=57) ||(KeyValue==45 && _Box.value=="" && false!=IsPositiveNumber);
}

/*对小数文本框的控制*/
function DecimalBoxKeyPress(_Box,IsPositiveNumber)
{
??? var KeyValue=event.keyCode;
??? return (KeyValue>=48 && KeyValue<=57) ||(KeyValue==45 && _Box.value=="" && false!=IsPositiveNumber) || (KeyValue==46 && _Box.value.indexOf(".")==-1);
???
}

  相关解决方案