美文网首页
登录系统 用户输入密码时提示是否大写锁定

登录系统 用户输入密码时提示是否大写锁定

作者: _信仰zmh | 来源:发表于2018-04-02 18:23 被阅读28次
     //输入框focus时自动选中与enter键处理
        $(".aw-mod-body").find("INPUT.aw-login-input").focus(function () {
            this.select();
        }).keypress(function (e) {
            //输入回车键
            var target = e.target;
            // 密码添加大小写锁定
            if(target.id == 'p_password'){
                var valueCapsLock = e.keyCode ? e.keyCode:e.which; // 按键
                var valueShift = e.shiftKey ? e.shiftKey:((valueCapsLock == 16 ) ? true : false ); // shift键是否按住
                if (((valueCapsLock >= 65 && valueCapsLock <= 90 ) && !valueShift) // 输入了大写字母,并且shift键没有按住,说明Caps Lock打开
                    || ((valueCapsLock >= 97 && valueCapsLock <= 122 ) && valueShift)){// 输入了小写字母,并且按住 shift键
                    $("#lock").show();
                } else {
                    $("#lock").hide();
                }
            }
            if (e.which == 13) {
                $('#ef-LoginForm').submit();
            }
        });
        //密码框失去焦点 lock隐藏
        $("#p_password").blur(function(){
            $("#lock").hide();
        });
    });
    
    

    jQ链式调用:

    $("#p_password").keypress(function(e){
                             var valueCapsLock = e.keyCode ? e.keyCode:e.which; // 按键
                              var valueShift = e.shiftKey ? e.shiftKey:((valueCapsLock == 16 ) ? true : false ); // shift键是否按住
                              if (((valueCapsLock >= 65 && valueCapsLock <= 90 ) && !valueShift) // 输入了大写字母,并且shift键没有按住,说明Caps Lock打开
                    || ((valueCapsLock >= 97 && valueCapsLock <= 122 ) && valueShift)){// 输入了小写字母,并且按住 shift键
                                  $("#lock").show();
                              } else {
                                  $("#lock").hide();
                              }
                  }).blur(function(){
                          $("#lock").hide();
                  });
    
    daxietishi.png

    相关文章

      网友评论

          本文标题:登录系统 用户输入密码时提示是否大写锁定

          本文链接:https://www.haomeiwen.com/subject/qbricftx.html