脚本(js)控制页面输入

简单介绍：

IE中的event有很多keyCode，并且在不同的事件(onkeydown,onkeypress,onkeyup)中同一个键的keyCode也有可能不同。

onkeydown Event    Fires when the user presses a key.

    对于字母大小写不区分keyCode，a-z/A-Z的keyCode都是65-90

    对于数字和小键盘的数字区分keyCode，0-9的keyCode是48-57，小键盘的数字0-9为96-105

onkeypress Event    Fires when the user presses an alphanumeric key.

    与onkeydown刚好相反

    对于字母大小写区分keyCode，a-z/A-Z的keyCode都是65-90

onkeyup Event        Fires when the user releases a key.

1、只能输入字母、数字，且把小写字母转换成大写字母

<script language="javascript">

function checkChar() {

    if ((event.keyCode < 48 && event.keyCode != 45)

        || (event.keyCode > 57 && event.keyCode < 65)

        || (event.keyCode > 90 && event.keyCode < 97)

        || event.keyCode > 122) {

        event.returnValue = false;

    }   

    if (event.keyCode >= 97 && event.keyCode <= 122) {

        event.keyCode -= 32;

    }

}

//因为这种做法不能防止用户拷贝中文，或者采用中文输入法输入中文

//所以只能在提交时，再次检查一下文本的值，并进行大小写转换

function check() {    

    var objVal = document.all("name").value;

    var charCode = "";

    var returnObj = "";

    for (var i = 0; i < objVal.length; i++) {

        charCode = objVal.charCodeAt(i);       

        if ((charCode < 48 && charCode != 45)

            || (charCode > 57 && charCode < 65)

            || (charCode > 90 && charCode < 97)

            || charCode > 122) {

            alert("'" + objVal.charAt(i) + "' 该字符不合法，请输入字母、数字或中划线-！");

            return false;                       

        }

        if (charCode >= 97 && charCode <= 122) {

            charCode -= 32;

        returnObj += String.fromCharCode(charCode);

    document.all("name").value = returnObj;

    return true;   

</script>

<input type="text" name="name" onkeypress="checkChar()" onpaste="return false;">

<input type="button" name="btn" onclick="check()">

2、以下是在网上转载的别人的代码，觉得比较好，就摘抄下来

<script language=jscript>

function number() {

    var char = String.fromCharCode(event.keyCode);

    alert("number:"+char);

    var re = /[0-9]/g;

    event.returnValue = char.match(re) != null ? true : false

function filterInput() {

    alert("filterInput:"+event.type);

    if (event.type.indexOf("key") != -1) {

        var re = /37|38|39|40/g

        if (event.keyCode.toString().match(re)) return false

    event.srcElement.value = event.srcElement.value.replace(/[^0-9]/g, "")

function filterPaste() {

    var oTR = this.document.selection.createRange();

    var text = window.clipboardData.getData("text");

    oTR.text = text.replace(/[^0-9]/g, "");

<input onkeypress="number()" onkeyup="filterInput()" onchange="filterInput()" onbeforepaste="filterPaste()" onpaste="return false" style="ime-mode: disabled">