`
TRAMP_ZZY
  • 浏览: 139051 次
社区版块
存档分类
最新评论

angularjs 密码一致性校验

阅读更多
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/
分享到:
评论

相关推荐

    angularjs自定义正则表达校验指令directive

    为了提高代码复用性,我们可以将多个校验封装到一个指令中,通过`attrs`传递不同的正则表达式。此外,还可以考虑添加错误消息显示,或者结合`ngMessages`模块提供更丰富的反馈。 总之,AngularJS自定义指令为我们...

    用来对比、校验redis 多个数据库数据一致性的命令行工具.zip

    针对这个需求,标题提及的“用来对比、校验redis 多个数据库数据一致性的命令行工具”正是为了解决这一问题而设计的。 这个工具主要功能是对比和校验Redis的不同实例或集群之间数据的一致性,包括单实例到单实例的...

    软件设计模式的选择与实例化一致性校验

    ### 软件设计模式的选择与实例化一致性校验 #### 概述 软件设计模式是在软件工程领域中,经过长时间实践验证后总结出来的一种通用的解决方案,它可以帮助开发者解决在软件设计过程中遇到的一些常见问题。传统的...

    调度集控自动化异构系统数据一致性校验软件设计.pdf

    【调度集控自动化异构系统数据一致性校验软件设计】主要关注的是在电力调度和集控自动化领域,如何处理和确保由不同厂家开发的多套系统间数据的一致性问题。这种一致性对于电网的安全稳定运行至关重要。以下是相关...

    调度集控自动化异构系统数据一致性校验软件设计.rar

    "调度集控自动化异构系统数据一致性校验软件设计"着重讨论了如何确保在这样的复杂环境中,各个系统间的数据保持一致性和准确性。下面我们将详细探讨这个主题中的相关知识点。 首先,我们要理解调度集控自动化。调度...

    AngularJs表单校验实例

    在AngularJS中,表单验证是确保用户输入数据有效性和完整性的关键机制。这篇博文将深入探讨如何在AngularJS中实现表单校验,以创建更健壮和用户体验良好的应用程序。 ### 一、表单基础 在AngularJS中,`&lt;form&gt;`...

    基于XML的自动化异构系统数据一致性校验方法.rar

    "基于XML的自动化异构系统数据一致性校验方法"是解决这一问题的一种策略,它利用XML的标准化特性和自动化工具来检查不同系统间的数据是否保持一致。下面我们将详细探讨这个主题。 XML(Extensible Markup Language...

    一个高性能可配置的动态mysql集群性能测试,数据一致性校验工具.zip

    “数据一致性校验工具”是确保数据库中数据完整性和准确性的关键组件。在分布式数据库系统如MySQL集群中,由于多副本的存在,数据一致性可能受到挑战。这类工具通过对比不同节点间的数据、检查事务的一致性状态,...

    ahp.zip_ahp_ahp改进_一致性校验_层次分析法_改进层次分析法

    改进层次分析法,应用标度构造法来确定判断矩阵,不需要一致性校验

    易语言密码校验1源码,易语言密码校验1.0

    在“易语言密码校验1源码,易语言密码校验1.0”这个项目中,我们可以看到一个关于密码验证功能的实现。密码校验是网络安全中的基础部分,它确保用户输入的密码符合一定的安全标准,从而保护账户的安全。 首先,我们...

    基于XML的自动化异构系统数据一致性校验方法.pdf

    基于XML的自动化异构系统数据一致性校验方法.pdf

    AngularJS动态校验

    AngularJS动态校验是Web开发中的一个重要概念,尤其在构建复杂表单和处理用户输入时。AngularJS,作为一款强大的JavaScript框架,提供了丰富的功能来帮助开发者实现动态验证,提高用户体验并确保数据的准确性和完整...

    angularjs自定义指令directive正则表达校验

    总结,AngularJS自定义指令为我们提供了一种灵活的方式,通过结合正则表达式,可以在前端实现高效的数据校验,提高用户体验并减少服务器端的负担。通过以上示例,你可以了解到如何创建和使用自定义指令进行HTTP地址...

    读书笔记:一个高性能可配置的动态mysql集群性能测试数据一致性校验工具.zip

    读书笔记:一个高性能可配置的动态mysql集群性能测试数据一致性校验工具

    密码强度校验例子

    密码强度校验 模仿很多网站上的密码强度校验,基于jquery插件写的密码强度校验,将密码等级分为三级,纯字符或数字或特殊字符 达到一定位数 具体可以看下例子

    java校验密码重复的代码

    根据给定的信息,我们可以分析出该段代码的主要功能是用于校验输入的密码是否符合一定的规则...通过对正则表达式、`Pattern`和`Matcher`类的应用,有效地实现了密码的有效性校验。这对于提高系统的安全性具有重要意义。

    使用angularJS完成表单验证

    使用angularJS完成表单验证功能

    java-jquery密码强度校验

    前台jquery实现密码强度的校验,防止密码强度太弱,java防止jquery验证被跳过,实现同原理的密码重复校验

Global site tag (gtag.js) - Google Analytics