How to use Angular input fields email validation inside controller?

Question

I'm trying to validate a variable as email inside Angular controller.

var valid = $filter('email')($scope.email);

The email filter doesn't exists, generates "unknown provider error". What's the correct way to access email validation from inside the controller?

Thanks.

Later edit: don't put me to create a custom filter, it must be a way using angular validation.

Answer 1

You can create a hidden input type email:

<input type="email" hidden id="emailValidator" required ng-model="x" />

Then in js set the value to that input and check validity:

var validator = $('#emailValidator')[0];
validator.value = "[email protected]";

return validator.checkValidity();

Also this documentation could be helpful: https://docs.angularjs.org/guide/forms

Answer 2

You could use form and prevent form submission by adding ng-disabled to the submit button:

<form name="form">
      <input type="email" ng-model="email" name="email" required/>
      <button type="submit"
        ng-disabled="form.$invalid">Submit</button>
</form>

{{form.email.$valid}}

As the point of validation is to prevent submission and show error messages. I think it's enough to do it there instead of controllers where you handle your business logic.

DEMO