js控制input text字符键入/字符长度限制/字母自动大写

功能：

1.仅允许指定字符键入

2.限制长度

 

实现代码：

<input type="text" style="width: 6em" name="referral" maxlength="6"/>

$('input[name=referral]').on('keydown', function(event) {
        if(event.which==229){ //中文输入法，keydown不控制，利用keyup控制
            return true;
        }
        //数字+小键盘数字
        if(event.which >=48 && event.which <=57 || event.which >=96 && event.which <=105){
            return true;
        }else if(event.which >= 65 && event.which <= 90){ //字母
            if($(this).val().length==6){
                return false; //html长度限制不生效了，这里做个限制
            }
            $(this).val($(this).val()+String.fromCharCode(event.which));
            return false; //阻止键入
        }else if(event.which==8 || event.which==46 || event.which>=37 && event.which<=40){
            //退格键、删除键、方向键
            return true;
        }else{
            return false;
        }
    });
    $('input[name=referral]').on('keyup',function (event) {
        if(event.which==32 || event.which==13) { //空格、回车键入
            var value = $(this).val();
            value = value.replace(/[^0-9a-zA-Z]/g, '').toUpperCase();
            $(this).val(value);
            return false;
        }
    });

 

转载于:https://www.cnblogs.com/hdwang/p/8184183.html