使用验证器执行 OR 条件验证

Question

我有一个输入字段，可以接受电子邮件地址或电话号码作为输入。如果用户输入电子邮件地址，则希望使用 validators.email 进行验证，如果用户输入电话号码，则希望使用仅接受诸如 validatiors.pattern(regularexpression) 之类的数字的模式进行验证。我使用了响应式表单验证。

我们该怎么做？

Answer 1

您可以使用 ng-pattern 。

例子，

HTML

<input type="text" ng-model="..." ng-required="requireTel"
    ng-pattern="phoneNumPattern" />

脚本

$scope.phoneNumPattern = (function() {
    var regexp = /^\(?(\d{3})\)?[ .-]?(\d{3})[ .-]?(\d{4})$/;
    return {
        test: function(value) {
            if( $scope.requireTel === false ) {
                return true;
            }
            return regexp.test(value);
        }
    };
})();