So erkennen Sie, während die Feststelltaste mit angular.js - javascript, angularjs, capslock aktiviert / deaktiviert ist

Ich brauche eine Hilfe.Ich habe eine Kennwort-Validierung, die nur das Sonderzeichen enthält. Zum Zeitpunkt der Eingabe des Kennworts wird, wenn der Benutzer einen Großbuchstaben eingibt, die Feststelltaste bei Benachrichtigung angezeigt, und wenn sie deaktiviert ist, sollte auch die Meldung angezeigt werden. Bitte überprüfen Sie meinen vorhandenen Code unten.

<span class="input-group-addon ndrftextwidth text-right" style="width:180px">Password :</span>
<div ng-class="{ "has-error": billdata.pass.$touched && billdata.pass.$invalid }">
<input type="{{inputType}}" name="pass" id="contactno" class="form-control" placeholder="password" ng-model="password" ng-minlength="8" ng-pattern="/^(?=.*[A-Z])(?=.*d)(?=.*[a-z]).*_.*/" >
</div>
</div>
<div class="help-block" ng-messages="billdata.pass.$error" ng-if="billdata.pass.$touched">
<p ng-message="minlength" style="color:#F00;">This field is too short.The min length of your password should be 8.</p>
<p ng-message="pattern" style="color:#F00;">This field needs the special character like at least one number,upper case,lower case letter and underscore.</p>

</div>

Bitte helfen Sie mir, dieses Problem zu lösen.

Antworten:

Einfache Bibliothek mit Capslock-Unterstützung.

Verwenden von CapsLock.js

Der aktuelle Status der Feststelltaste kann mit der Funktion isOn ermittelt werden, die true zurückgibt, wenn die Feststelltaste derzeit aktiviert zu sein scheint, und false, wenn sie deaktiviert zu sein scheint:

// check the state of the caps lock key
if (CapsLock.isOn()){

// caps lock is on

}

http://code.stephenmorley.org/javascript/detecting-the-caps-lock-key/

dies kann mit getan werden ngCapsLock Modul

Schließen Sie relevante js ein und geben Sie ngCapsLock als Abhängigkeit an:

angular.module("myApp", ["ngCapsLock"]);

dann

<p class="caps-lock-alert" ng-show="isCapsLockOn">Caps lock is on</p>

ngCapsLock