Javascript 如何应用密码验证和验证密码

我创建了一个用于验证的指令，它确保在密码和验证密码字段中输入相同的数据，如果我在其中键入某个内容，该指令工作正常，如果我键入密码然后将其删除，则该指令不工作。 检查一下这里的垃圾桶

下面是js代码

.directive('equalsTo', function() {
        return {
            require: 'ngModel',
            link: function(scope, elm, attrs, ctrl) {
                var sc = scope;
                scope.$watch(attrs.ngModel, function() {
                    var eqCtrl = scope.$eval(attrs.equalsTo);
                    if (ctrl.$viewValue===eqCtrl.$viewValue) {
                        ctrl.$setValidity('equalsTo', true);
                        eqCtrl.$setValidity('equalsTo', true);
                    } else {
                        ctrl.$setValidity('equalsTo', false);
                        eqCtrl.$setValidity('equalsTo', false);
                    }
                });
            }
        };
    });

---

尝试此指令。

删除密码后，将空字符串与未定义的值进行比较：

ctrl.$viewValue===eqCtrl.$viewValue

您应该检查这两个变量是否为空或未定义，然后检查表单是否有效：

if (ctrl.$viewValue===eqCtrl.$viewValue || (!!!ctrl.$viewValue && !!!eqCtrl.$viewValue)) {
  ctrl.$setValidity('equalsTo', true);
  eqCtrl.$setValidity('equalsTo', true);
} else { 
  ctrl.$setValidity('equalsTo', false);
  eqCtrl.$setValidity('equalsTo', false);
}

---

密码字段中的meType abc也同样适用，不做任何操作，只需按backspace键删除您刚才键入的所有字符，密码字段为空。你会发现它仍然会显示错误。我没有看到任何错误的行为。作品predictable@Flextra如果你没有做出错误的行为，那么你就不理解我的问题。

ctrl.$viewValue===eqCtrl.$viewValue

if (ctrl.$viewValue===eqCtrl.$viewValue || (!!!ctrl.$viewValue && !!!eqCtrl.$viewValue)) {
  ctrl.$setValidity('equalsTo', true);
  eqCtrl.$setValidity('equalsTo', true);
} else { 
  ctrl.$setValidity('equalsTo', false);
  eqCtrl.$setValidity('equalsTo', false);
}