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;
        }
    });