如何使用angular.js检测盖帽锁定是否打开
How to detect while caps lock is on/off using angular.js
我需要一个帮助。我有一个只接受特殊字符的密码字段验证。在键入密码时,如果用户正在键入任何大写字母,则会显示大写锁定通知,当它关闭时,也会显示消息。请检查下面我现有的代码。
<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的简单库。
使用CapsLock.js
大写锁定键的当前状态可以使用isOn功能确定,如果大写锁定当前显示为打开,则返回true;如果大写锁定显示为关闭,则返回false:
// 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
模块来完成
包含relevent-js并指定ngCapsLock作为依赖项:
angular.module('myApp', ['ngCapsLock']);
然后
<p class="caps-lock-alert" ng-show='isCapsLockOn'>Caps lock is on</p>
ngCapsLock
对于angularJS开发人员,这里有一个检查按钮是否激活的工作示例:
在你的JS文件上:
$scope.checkCase = function(event) {
var isOn = event.originalEvent.getModifierState('CapsLock');
if (isOn) {
console.log('ON');
}
};
HTML:将此添加到您的INPUT:
ng-keyup="checkCase($event)"
相关文章:
- 访问布局信息是否也会导致浏览器重排
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 如何检测是否有溢出
- jQuery中是否内置了任何字符串格式化函数
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- 测试索引值是否等于某个数字的倍数
- Fancybox是否将Click事件静音
- 主干-不管怎样,检查事件以前是否绑定过
- YUI3 IO实用程序是否可以根据给定的内容类型标头值自动序列化数据
- 是否有一个JS/jQuery函数可以获取某个类的每个元素的ID
- 节点是否需要模块传递带有方括号的arg?这是个错误吗
- 是否有任何方法可以使用jQuery替换在数组中定义值的文本
- Web 工作线程中的同步 XHR 请求是否仍会锁定浏览器
- 是否可以将光标锁定/聚焦到文本区域的最后一行
- 检查大写锁定在按钮单击时是否打开或关闭
- 是否可以通过AJAX调用执行后台PHP服务器任务,该任务不会锁定您的网站
- 如何使用angular.js检测盖帽锁定是否打开
- 是否有任何脚本处理程序显示弹出屏幕(jsp/html)页面锁定或屏幕保护模式
- 在手机锁定期间是否可以触发音频播放
- 在PHP中是否有可能发现客户端的计算机没有处于睡眠状态或锁定模式?