Validate angular form programmatically

Question

I have an angular directive used as attribute for validating the input.

Input looks like this (jade)

 input.form-control(type='text',  name='subjectinput', id='subjectinput',  subjectid-noprefix-validator='(subject.nosuffix==1)')

and validator looks like

.directive('subjectidNoprefixValidator', function () {     
    return {
        require: ['^form', 'ngModel'],
        scope: {
            noprefixformat: '=subjectidNoprefixValidator'
        },
        link: function (scope, element, attrs, ctrls) {

            scope.form = ctrls[0]; // so we can use form reference in displaying error messages
            var ngModel = ctrls[1];
            ngModel.$validators.subjectidnoprefix = function (value) { 
                var status = true;
                // removed some logic that sets status true or false
                // using   $scope.noprefixformat parameter
                return status;
            };
        }
    };
});

It works fine. However, sometimes in page actions an event happens that need validation to be re-triggered on the INPUT without touching it; some radio button alteration should re-trigger it and refresh validation status (as you see, my validator has a parameter).

I tried to achieve it by calling in page Controller

 $scope.subjCreationForm.subjectinput.$validate();

but it does not seem to work. What could be the case and is there another way to trigger validation of a field programmatically when it employs $validators?

Here stackoverflow.com/questions/30412661/… my answer to similar question. — Mikalai
– Mikalai, Commented Jun 3, 2015 at 10:13

onkami · Accepted Answer · 2015-06-03 12:34:33Z

0

Found the core of my problem, $apply has to be called manually that can be achieved as such:

           $timeout(function () {
                    $scope.subjCreationForm.subjectinput.$validate();
                });

answered Jun 3, 2015 at 12:34

onkami

9,52120 gold badges107 silver badges202 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Validate angular form programmatically

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related