I'm trying to validate an email field by make sure the user is entering in a valid email by checking it against
/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
In standard JS I would use and event listener to know when the user has triggered a keyup but in Angular I suspect there's different ways to listen to the data via "two-way data binding". How do I accomplish this same task via an angular controller js?
Have a look at input[email], angular's validation:
https://docs.angularjs.org/api/ng/input/input%5Bemail%5D
there's an ngChange option.
data-ng-pattern="/^[_a-z0-9]+(\.[_a-z0-9]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$/"There is a thing called $watch, or watchers. And you can have it "listen" for a model being changed
scope.$watch('name', function(newValue, oldValue) {
scope.counter = scope.counter + 1;
});
So in this example, whenever the model "name" changes, counter goes up by one. You see the other parameters passed, oldVal and newVal, you can cross-reference these against each other and if there is a new value,you can set you logic to do it, but that's your own decision. Just put you Regex check inside this function and change the model of the field from name to whatever yours is. *make sure it's in the right controller ^_^.
keyup, perhaps you might try this? docs.angularjs.org/api/ng/directive/ngKeyup#!input type="email", and let Angular do that for you, with its standard form validation framework? You're reinventing the wheel.