css 控制input输入框不能输入中文

控制输入的输入方法有很多种。

包括 js 的方法。

1.通过 js 的keyup 和keydown 事件来处理，输入源的问题。用js来获取event 的 keyCode判断是否是 数字的输入。

2.通过 输入的字符判断来判断是否都是 数字 ，比如：

<input type="text" id="test"  value="输入数字"/>

js 获取键盘按键的事件 keyCode

    var evt = e|| window.event;
    var kc =  evt.charCode || evt.keyCode;
    if(!(kc == 9 ||kc == 8 || kc == 46 || (kc >=37 && kc<=40) || (kc >=48 && kc<=57) || (kc >=96 && kc<=105)))
    {

        if(window.ActiveXObject)evt.returnValue = false;
        else evt.preventDefault();
    }   

//通过 keyup的时候 ，判断是不是都是数组

var val = document.getElementById("test").value;

if(!/^\d+$/.test(val)){

alert("输入的不全部是数字");

}

以上两种只是粗略的 写了下js

但是有一个问题，很多输入法 把我们的keyup 事件给屏蔽了。这个就是悲催了

这里有一种控制中文的输入方案：

css样式 ：          ime-mode:disabled;