zoukankan      html  css  js  c++  java
  • js控制input text字符键入/字符长度限制/字母自动大写

    功能:

    1.仅允许指定字符键入

    2.限制长度

    实现代码:

    <input type="text" style=" 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;
            }
        });
  • 相关阅读:
    Spring 事务管理
    016 sleep,wait,yield,join区别
    013 GC机制
    011 CountDownLatch,CyclicBarrier和Semaphore
    012 public等关键字可见性
    010 JVM类加载
    009 JVM内存结构以及GC机制
    008 BlockingQueue理解
    python3 正则表达式
    python django
  • 原文地址:https://www.cnblogs.com/hdwang/p/8184183.html
Copyright © 2011-2022 走看看