Jquery'le Logın Ekranında Caps Lock Açık Uyarısı | aliyasindgan.com
JQUERY'LE LOGIN EKRANINDA CAPS LOCK AÇIK UYARISI

JQUERY | Ali Yasin Doğan | 18.11.2016 | 1863

Bu makalede jquery le login ekranına şire girerken caps lock açık uyrası verme işlemini paylaşacağım.

 
 
    <style type="text/css">

  #error {
            background-color: #dd4b39 !important;
            color: #fff !important;
            display: none;
            padding: .2em .6em .3em;
            font-size: 75%;
            font-weight: 700;
            line-height: 1;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: .25em;
        }
    </style>
	 
  
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var isShiftPressed = false;
            var isCapsOn = null;
            $("#txtSifre").bind("keydown", function (e) {
                var keyCode = e.keyCode ? e.keyCode : e.which;
                if (keyCode == 16) {
                    isShiftPressed = true;
                }
            });
            $("#txtSifre").bind("keyup", function (e) {
                var keyCode = e.keyCode ? e.keyCode : e.which;
                if (keyCode == 16) {
                    isShiftPressed = false;
                }
                if (keyCode == 20) {
                    if (isCapsOn == true) {
                        isCapsOn = false;
                        $("#error").hide();
                    } else if (isCapsOn == false) {
                        isCapsOn = true;
                        $("#error").show();
                    }
                }
            });
            $("#txtSifre").bind("keypress", function (e) {
                var keyCode = e.keyCode ? e.keyCode : e.which;
                if (keyCode >= 65 && keyCode <= 90 && !isShiftPressed) {
                    isCapsOn = true;
                    $("#error").show();
                } else {
                    $("#error").hide();
                }
            });
        });
    </script>




 Etiketler:  jquery caps lock login