/ / Comment détecter si le verrouillage des majuscules est activé / désactivé avec angular.js - javascript, angularjs, capslock

Comment détecter lorsque le verrouillage des majuscules est activé / désactivé avec angular.js - javascript, angularjs, capslock

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

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

Réponses:

1 pour la réponse № 1

Bibliothèque simple avec support capslock.

Utilisation de CapsLock.js

L'état actuel de la touche de verrouillage des majuscules peut être déterminé à l'aide de la fonction isOn, qui renvoie vrai si le verrouillage des majuscules semble être activé et faux s'il semble être désactivé:

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


1 pour la réponse № 2

cela peut être fait en utilisant ngCapsLock module

inclure des js pertinents et spécifier ngCapsLock comme dépendance:

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

puis

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

ngCapsLock