键盘事件

<style>
    #err{
        color:red;
    }
    </style>

body部分

<input id="pos" type="text">
    <span id="err"></span>
    <span id="ok"></span>
    <script>
        function getById(name){
            return document.getElementById(name);
        }
        //按下键盘：验证只能输入数字
        var pos = getById("pos");
        function isNum(code){
            return(code>=48 && code<=57) || (code>=96 && code<=105);
        }
        pos.onkeydown = function(){
            var code = event.keyCode;
            if(code!=8 && !isNum(code)){
                return;
            }
        }
        //失去焦点：验证手机号码长度
        var err = getById("err");
        function isNotNum(char){
            return char<'0' || char>'9';
        }
        function isPhone(phone){
            if(11 != phone.length){
                return -1;
            }
            for(var i in phone){
                if(isNotNum(phone[i])){
                    return 0;
                }
            }
            return 1;
        }
        pos.onblur = function(){
            var rst = isPhone(this.value.trim());//value.trim()去除字符串左右两边的空格
            err.innerText = rst==-1?"号码错误":rst==0?"格式错误":"";
        }
    </script>