如何在 Angular js 中验证密码？

Question

您能告诉我如何在 Angular js 中验证密码。实际上我的表单中有两个密码。一个是密码，另一个是确认密码。当两者相同时，它是有效的，否则表单是无效的。我应用验证对于最小长度和最大长度。但是如何将密码与角度 js 中确认的密码进行比较

http://codepen.io/anon/pen/bVpeeP

<div>
    <input type="password" placeholder="password" ng-model="user.password" name="password" ng-minlength="2" ng-maxlength="5" required style="width: 300px;padding: 20px;margin-top: 50px">
    <span ng-show="myform.password.$dirty &&myform.password.$error.required">Required</span>
    <span ng-show="myform.password.$dirty && myform.password.$error.minlength">too short</span>
    <span ng-show="myform.password.$dirty && myform.password.$error.maxlength">too Long</span>

</div>

<div>
    <input type="password" placeholder="confirmed password" ng-model="user.confiredpassword" name="confiredpassword" ng-minlength="2" ng-maxlength="5" required style="width: 300px;padding: 20px;margin-top: 50px">
    <span ng-show="myform.confiredpassword.$dirty && myform.confiredpassword.$error.required">Required</span>
    <span ng-show="myform.confiredpassword.$dirty && myform.confiredpassword.$error.minlength">too short</span>
    <span ng-show="myform.confiredpassword.$dirty && myform.confiredpassword.$error.maxlength">too Long</span>

</div>

如果两个密码不一样，那我需要显示错误吗？ 谢谢

Answer 1

var compareTo = function() {
    return {
        require: "ngModel",
        scope: {
            otherModelValue: "=compareTo"
        },
        link: function(scope, element, attributes, ngModel) {

            ngModel.$validators.compareTo = function(modelValue) {
                return modelValue == scope.otherModelValue;
            };

            scope.$watch("otherModelValue", function() {
                ngModel.$validate();
            });
        }
    };
};

module.directive("compareTo", compareTo);


<input type="password" name="confirmPassword" 
        ng-model="registration.user.confirmPassword"
        required 
        compare-to="registration.user.password" />

<div ng-messages="registrationForm.confirmPassword.$error"
      ng-messages-include="messages.html"></div>

看看here

Answer 2

您可以从控制器执行此操作。使用它们各自的 id 比较两个输入框的值并将结果传递给范围。