如何在angularjs中捕获ng-pattern

Question

我有一个例子。

<input type="text" id="openDate" name="openDate" ng-model="ngModel" required="" ng-minlength="1" ng-maxlength="10" ng-pattern="/^[0-9,/]+$/">

当ng-pattern捕获错误时，它将在输入元素上绘制红色。

所以我想捕捉这个错误并显示标题消息："This field be fail format“。

我该怎么做呢？

Answer 1

您可以使用directive来捕获它。

因此，在HTML中，您可以创建一个新属性，而不是使用ng-pattern。在本例中，我将其命名为ng-attr-mynewpattern。

<input type="text" ng-model="opendate" ng-minlength="1" ng-maxlength="10" ng-attr-mynewpattern="/^[0-9,/]+$/">

然后，添加该指令。注意，您去掉了"ng-attr“。在指令中，我在作用域中设置了元素和模式。这可能会更改为更健壮的内容，但我希望保持示例的简单性。

app.directive("mynewpattern", function () {
    return {
        restrict: "A",
        link: function (scope, el, attrs) {
            scope.pattern = attrs.mynewpattern;
            scope.el = el;
        }
    };
});

这是一个jsFiddle：http://jsfiddle.net/tonyzampogna/6Vj7p/