angular-async-validation
A multi purpose directive for input async validation
How it works?
This directive is designed to be reused several times depending on the purpose. The directive can be used with other validation directives There are two main ways to use it, the first is to use a string that points to the API to which you want to make the asynchronous request, the other is using a user-specified function.
When you use a string that point to a API service, like in the first example, remember that:
If $http is used then it is important that the server returns a success HTTP response code in order to fulfill the validation and a status level of 4xx in order to reject the validation.
The ngModel directive is required since the $asyncValidators are part of the ngModel.NgModelController object.
For more info see the NgModelController page.
Examples
Using the directive with a custom validation function specified in the controller.
// List of registered usernames$scopefullnames = 'Sandokan' 'Charlie Chaplin' 'Pippo Baudo' 'Sponge Bob'; // The validation function$scope { // Get the value var value = modelValue || viewValue; return ; }
Using a string that point to a API service.
<!-- for validate username -->
If typed "test" will produce: GET /api/users/username/test
.
<!-- for validate user email -->
If typed "validate@mail.com" will produce: GET /api/users/email/validate@mail.com
.
Than probably you want to check for the existence of that particular username/email in case of new registration to avoid duplicates or conflicts.