oninput not working in Angular. Alternative?

Question

Im trying to create a function that reads the value of an input and triggers a series of true/false, however the code below keeps returning "passStrength is not defined." From what I can find, oninput isn't supported by Angular. How can achieve this in Angular?

Within my controller:

$scope.passStrength = function(input) {
    if (input.value.toLowerCase().indexOf(/[a-z]/) > -1) {
        $scope.lwrChar = true;
        console.log('lower ' + $scope.lwrChar);
    } else if (input.value.toUpperCase().indexOf(/[A-Z]/) > -1) {
        $scope.uprChar = true;
        console.log('upper ' + $scope.uprChar);
    } else if (input.value.indexOf() == !isNaN(n)) {
        $scope.nbrChar = true;
        console.log('number ' + $scope.nbrChar);
    } else if (input.value.length >= 8) {
        $scope.countChar = true;
        console.log('count ' + $scope.countChar);
    }
};

and in my markup:

<input id="password" oninput="passStrength()" />

The answer is in your tags: ng-change. docs.angularjs.org/api/ng/directive/ngChange. — JB Nizet
– JB Nizet, Commented Apr 8, 2016 at 20:30

tpsilva · Accepted Answer · 2016-04-11 12:16:05Z

7

To fire an event when the input changes, use ng-change. Also, you must define a ng-model.

<input ng-model="password" ng-change="passStrength(password)" />

Edit: Created a plunker demonstrating it

edited Apr 11, 2016 at 12:16

answered Apr 8, 2016 at 20:41

tpsilva

1,4631 gold badge14 silver badges26 bronze badges

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

6 Comments

Christian Hill Over a year ago

Thanks but then how do I refer to the model in the controller? replacing input with $scope.password doesnt do the trick. Im getting an undefined error from the function for input.

tpsilva Over a year ago

Take a look at this Plunker.

Christian Hill Over a year ago

Thanks! I took a slightly different path but essentially the same!

aronlr Over a year ago

Maybe it's worth mentioning that ng-change won't evaluate the expression whenever the model changes, but whenever it's changed by the user using the input field.

nshew13 Over a year ago

onchange and oninput are not the same, because onchange only fires when the field loses focus. While this answer may solve the OP's problem, it doesn't actually answer his question.

|

Collectives™ on Stack Overflow

oninput not working in Angular. Alternative?

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related