Comment détecter si le verrouillage des majuscules est activé/désactivé à l'aide de angular.js

Question

J'ai besoin d'une aide.J'ai un mot de passe de validation validé qui ne prend que le caractère spécial.Au moment de taper le mot de passe si l'utilisateur tape une lettre majuscule le le verrouillage des majuscules sur la notification s'affichera et quand il sera désactivé, le message devrait également s'afficher. Veuillez vérifier mon code existant ci-dessous.

<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> 

S'il vous plaît aidez-moi à résoudre ce problème.

Answer 1

cela peut être fait en utilisant ngCapsLock Module

comprennent js relevent et spécifiez ngCapsLock comme une dépendance:

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

puis

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

ngCapsLock

Answer 2

bibliothèque simple avec le soutien capslock .

Utilisation CapsLock.js

L'état actuel des verrouillage des majuscules peut être déterminée en utilisant la fonction estActif, qui retourne true si le verrouillage des majuscules semble actuellement être sur et faux si elle semble être éteint:

// 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/