angularjs 校验密码字段一致性
directives.directive('pwCheck', function () {
return {
require: 'ngModel',
link: function (scope, elem, attrs, ctrl) {
var firstPassword = '#' + attrs.pwCheck;
// 网上好多例子都掉了$(elem) 美元符号和括号
$(elem).add(firstPassword).on('keyup', function () {
scope.$apply(function () {
alert(elem.val());
var v = elem.val()===$(firstPassword).val();
ctrl.$setValidity('pwmatch',v);
});
});
}
};
});
<div class="form-group" ng-class="{'has-error': developerForm.password.$dirty && developerForm.password.$invalid}">
<div class="col-sm-12">
<input type="password" ng-model="developer.password" name="password" id="password" class="form-control" placeholder="预设密码" required>
</div>
<p class="text-warning help-block" ng-show="developerForm.password.$dirty && developerForm.password.$invalid">
<small ng-show="developerForm.password.$error.required">预设密码必填!!</small>
</p>
</div>
<div class="form-group" ng-class="{'has-error': developerForm.rePassword.$dirty && developerForm.rePassword.$invalid}">
<div class="col-sm-12 ">
<input type="password" ng-model="developer.rePassword" name="rePassword" class="form-control" placeholder="确认密码" pw-check="password" required>
</div>
<p class="text-warning help-block" ng-show="developerForm.rePassword.$dirty && developerForm.rePassword.$invalid">
<small ng-show="developerForm.rePassword.$error.required">确认密码必填!!</small>
<small ng-show="developerForm.rePassword.$error.pwmatch">预设密码和确认密码不一致!!</small>
</p>
</div>
http://angularjs4u.com/directives/angularjs-check-passwords-match-directive/
分享到:
相关推荐
为了提高代码复用性,我们可以将多个校验封装到一个指令中,通过`attrs`传递不同的正则表达式。此外,还可以考虑添加错误消息显示,或者结合`ngMessages`模块提供更丰富的反馈。 总之,AngularJS自定义指令为我们...
针对这个需求,标题提及的“用来对比、校验redis 多个数据库数据一致性的命令行工具”正是为了解决这一问题而设计的。 这个工具主要功能是对比和校验Redis的不同实例或集群之间数据的一致性,包括单实例到单实例的...
【调度集控自动化异构系统数据一致性校验软件设计】主要关注的是在电力调度和集控自动化领域,如何处理和确保由不同厂家开发的多套系统间数据的一致性问题。这种一致性对于电网的安全稳定运行至关重要。以下是相关...
"调度集控自动化异构系统数据一致性校验软件设计"着重讨论了如何确保在这样的复杂环境中,各个系统间的数据保持一致性和准确性。下面我们将详细探讨这个主题中的相关知识点。 首先,我们要理解调度集控自动化。调度...
在AngularJS中,表单验证是确保用户输入数据有效性和完整性的关键机制。这篇博文将深入探讨如何在AngularJS中实现表单校验,以创建更健壮和用户体验良好的应用程序。 ### 一、表单基础 在AngularJS中,`<form>`...
"基于XML的自动化异构系统数据一致性校验方法"是解决这一问题的一种策略,它利用XML的标准化特性和自动化工具来检查不同系统间的数据是否保持一致。下面我们将详细探讨这个主题。 XML(Extensible Markup Language...
“数据一致性校验工具”是确保数据库中数据完整性和准确性的关键组件。在分布式数据库系统如MySQL集群中,由于多副本的存在,数据一致性可能受到挑战。这类工具通过对比不同节点间的数据、检查事务的一致性状态,...
改进层次分析法,应用标度构造法来确定判断矩阵,不需要一致性校验
在“易语言密码校验1源码,易语言密码校验1.0”这个项目中,我们可以看到一个关于密码验证功能的实现。密码校验是网络安全中的基础部分,它确保用户输入的密码符合一定的安全标准,从而保护账户的安全。 首先,我们...
基于XML的自动化异构系统数据一致性校验方法.pdf
AngularJS动态校验是Web开发中的一个重要概念,尤其在构建复杂表单和处理用户输入时。AngularJS,作为一款强大的JavaScript框架,提供了丰富的功能来帮助开发者实现动态验证,提高用户体验并确保数据的准确性和完整...
总结,AngularJS自定义指令为我们提供了一种灵活的方式,通过结合正则表达式,可以在前端实现高效的数据校验,提高用户体验并减少服务器端的负担。通过以上示例,你可以了解到如何创建和使用自定义指令进行HTTP地址...
读书笔记:一个高性能可配置的动态mysql集群性能测试数据一致性校验工具
密码强度校验 模仿很多网站上的密码强度校验,基于jquery插件写的密码强度校验,将密码等级分为三级,纯字符或数字或特殊字符 达到一定位数 具体可以看下例子
根据给定的信息,我们可以分析出该段代码的主要功能是用于校验输入的密码是否符合一定的规则...通过对正则表达式、`Pattern`和`Matcher`类的应用,有效地实现了密码的有效性校验。这对于提高系统的安全性具有重要意义。
使用angularJS完成表单验证功能
前台jquery实现密码强度的校验,防止密码强度太弱,java防止jquery验证被跳过,实现同原理的密码重复校验