AngularJS - Running a funcion on false of ng-pattern

Question

I know that this issue has been mentioned before. Although I believe that this issue is slightly different.

I have the following code

<textarea name="Text2" cols="40" rows="2" ng-model="pageModel.storeText" ng-pattern="/^(?:\d+(?:, *|))*\d+$/" class="form-control"></textarea>
<span ng-show="itemStoreForm.Text2.$error.pattern">ERROR</span>

I need the ng-show in the span to initiate a function I have based in a controller:

$scope.storeError = function(){

    messageService.setMessage("messageContainer", "Please enter store numbers in correct format", "danger");
};

How can I call the function storeError()?

Will a ngSubmit run on the detecting of bad user input according to the regex? — Anton Hughes, Jul 18 '14 at 09:08
I am looking for something which will validate the text in a textarea on the fly — Anton Hughes, Jul 18 '14 at 09:25

score 2 · Answer 1 · answered Jul 17 '14 at 11:02

2

If you can access the scope-object from your controller, try

$scope.$watch('itemStoreForm.Text2.$error', function(error) {
    if (error && error.pattern) {
        $scope.storeError();
    }
});

Since the FormController is published on $scope via name, it should be accessible for a watch-function.

answered Jul 17 '14 at 11:02

ivarni

17,658
17
76
92

Unfortunately this only runs on load of the page, it doesn't react to the regex. – Anton Hughes Jul 18 '14 at 09:07

AngularJS - Running a funcion on false of ng-pattern

1 Answers1