Using AngularJS custom field validation

Question

I'm using $asyncValidators to validate a field but would like it to trigger only when the field loses focus and not on every change. Is this possible or must I use something else than $asyncValidators? Code example of using $asyncValidators (taken from the documentation)

ngModel.$asyncValidators.uniqueUsername = function (modelValue, viewValue) {
    var value = modelValue || viewValue;

    // Lookup user by username
    return $http.get('/api/users/' + value).
        then(function resolved() {
            //username exists, this means validation fails
            return $q.reject('exists');
        }, function rejected() {
            //username does not exist, therefore this validation passes
            return true;
        });
};

tomaoq · Accepted Answer · 2014-11-20 13:25:13Z

1

I think you can use the ngModelOptions directive to achieve that.

ng-model-options="{ updateOn: 'blur' }"

You can force your model to be "evaluated" only on some predefined events. In your case, you want to evaluate it when you leave the field, so on the blur event.

Official documentation of ngModelOptions directive

answered Nov 20, 2014 at 13:25

tomaoq

3,0762 gold badges20 silver badges25 bronze badges

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

1 Comment

Christian Over a year ago

Yes it works! Maybe I should read the documentation a bit closer :)

Collectives™ on Stack Overflow

Using AngularJS custom field validation

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest