Custom validation with AngularJS isn't triggered

Question

I'm a beginner with AngularJS and for now I'm trying to create a registration form. I tried to follow the instructions I found on the internet, but it looks like I cannot get my validation triggered. I'm not sure what is wrong.

Here's my JS for the validation:

var login = angular.module('login', []);

login.directive('repeatedValue', function () {
    return {
        require: 'ngModel',
        link: function (scope, elm, attrs, ctrl) {
            ctrl.$validators.repeatedValue = function (modelValue, viewValue) {
                alert("validation");
                return false;
            };
        }
    };
});

and the input field looks like this:

<input type="password" class="form-control" id="password2"
                               placeholder="Repeat password" value="" tabindex="3"  ng-model="login.registerPassword2" repeatedValue/>

still, for some reason, even if I start typing into the field, the validation is not triggered and as a result I can still submit the form.

use the repeated-value attribute and let me know

BAD_SEED
– BAD_SEED

2015-07-12 14:46:52 +00:00
Commented Jul 12, 2015 at 14:46 — BAD_SEED
– BAD_SEED, Commented Jul 12, 2015 at 14:46
this is weird, but works :) thanks

Kamil Janowski
– Kamil Janowski

2015-07-12 14:49:37 +00:00
Commented Jul 12, 2015 at 14:49 — Kamil Janowski
– Kamil Janowski, Commented Jul 12, 2015 at 14:49
this is not weird. It's like angular works :)

BAD_SEED
– BAD_SEED

2015-07-12 14:58:08 +00:00
Commented Jul 12, 2015 at 14:58 — BAD_SEED
– BAD_SEED, Commented Jul 12, 2015 at 14:58

milanlempera · Accepted Answer · 2015-07-12 14:47:07Z

1

you must use right directive name in template (dash-delimited)

 <input type="password" ... repeated-value/>

See Normalization chapter in docs https://docs.angularjs.org/guide/directive

answered Jul 12, 2015 at 14:47

milanlempera

2,2631 gold badge17 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

Custom validation with AngularJS isn't triggered

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related