Як виявляти під час блокування кепок, увімкнути / вимкнути за допомогою angular.js - javascript, angularjs, capspol

Мені потрібна одна допомога.У мене є одна перевірка на паролі, яка займає лише спеціальний символ. Під час введення пароля, якщо користувач вводить будь-яку велику літеру, відображатиметься повідомлення про блокування кеглів на сповіщенні, а також, коли він відключиться, також повинна з'явитися повідомлення. Будь ласка, перевірте мій існуючий код нижче.

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

Будь ласка, допоможіть мені вирішити цю проблему.

Відповіді:

Проста бібліотека з підтримкою капсули.

Використання CapsLock.js

Поточний статус клавіші фіксації шапки можна визначити, використовуючи функцію isOn, яка повертає істину, якщо в даний час фіксація кепки увімкнена і невірна, якщо вона вимикається:

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

це можна зробити, використовуючи ngCapsLock модуль

включити відповідні js і вказати ngCapsLock як залежність:

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

потім

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

ngCapsLock