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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM