Features: multiple validator callbacks as object

Author: codekraft-studio

README.md

@@ -22,10 +22,18 @@ Now you are able to use the directive: __async-validation__ in your app.
 ### 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.
+There are many 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, another is using a user-specified function, than you can pass an object of funtions where the key is the validator name and the value is the validation callback.
 ```html
+
 <input ng-model="myInput" name="" async-validation="'/api/users/:value'" required />
+
 <input ng-model="myInput" name="" async-validation="myFunction" required />
+
+<input ng-model="myInput" name="" async-validation="{
+  firstvalidation: firstFunction,
+  secondvalidation: secondFunction
+}" required />
+
 ```
 
 When you use a string that point to a API service, like in the first example, remember that:
@@ -39,7 +47,11 @@ For more info see the [NgModelController](https://docs.angularjs.org/api/ng/type
 ---
 
 ### Examples
-Using the directive with a custom validation function specified in the controller.
+
+#### Using a function:
+
+You can use a function from the scope of your controller.
+
 ```html
 <input ng-model="myInput" name="fullname" async-validation="myValidation" />
 ```
@@ -69,7 +81,10 @@ $scope.myValidation = function (modelValue, viewValue) {
 }
 ```
 
-Using a string that point to a API service.
+#### Using a string that point to a API service:
+
+You can pass directly a string that is the endpoint for your validation API.
+
 ```html
 <!-- for validate username -->
 <input ng-model="user.username" name="username" async-validation="'/api/users/username/:value'" required />
@@ -82,3 +97,15 @@ If typed "__test__" will produce: `GET /api/users/username/test`.
 If typed "__[email protected]__" will produce: `GET /api/users/email/[email protected]`.
 
 Than probably you want to check for the existence of that particular username/email in case of new registration to avoid duplicates or conflicts.
+
+#### Creating multiple async validators:
+
+If you want to run your input validation against multiple async functions you can pass an object like in this example.
+
+```html
+<!-- will validate against firstFunction and secondFunction -->
+<input ng-model="myInput" name="" async-validation="{
+  firstvalidation: firstFunction,
+  secondvalidation: secondFunction
+}" required />
+```

dist/angular-async-validation.js

@@ -1,15 +1,17 @@
 /**
-* Package: angular-async-validation - v0.0.4 
+* Package: angular-async-validation - v0.0.5 
 * Description: A multi purpose directive for input async validation 
-* Last build: 2017-05-04 
+* Last build: 2017-06-23 
 * @author codekraft-studio 
 * @license ISC 
 */
 angular.module('angular-async-validation', []);
 
 angular.module('angular-async-validation')
 
-.directive('asyncValidation', ['$log', '$q', '$http', function ($log, $q, $http) {
+.directive('asyncValidation', ['$log', '$q', '$http', '$parse', function ($log, $q, $http, $parse) {
+	
+	var _pattern = new RegExp(':value');
 
 	var directive = {
 		restrict: 'A',
@@ -19,18 +21,18 @@ angular.module('angular-async-validation')
 	};
 
 	return directive;
-
+	
 	function _link(scope, elem, attrs, ngModel) {
-
+		
 		// The async validation function
 		var validationFunction, validatorName = scope.validatorName ? scope.validatorName : 'asyncValidator';
 
 		// Check if the argument passed satisfy the requirements
-		if( !scope.asyncValidation && !angular.isString(scope.asyncValidation) && !angular.isFunction(scope.asyncValidation) ) {
+		if( !scope.asyncValidation ) {
 			$log.warn('angular-async-validation: missing or empty argument in async-validation attribute on:', elem);
 			return;
 		}
-
+		
 		// If no options are specified set to the defaults
 		if( !ngModel.$options || !ngModel.$options.getOption('debounce')  ) {
 
@@ -42,56 +44,93 @@ angular.module('angular-async-validation')
 
 		}
 
-		// If is a string use it as path for http request
-		if( angular.isString(scope.asyncValidation) ) {
-
-			validationFunction = function (modelValue, viewValue) {
-
-				// get the current value
-				var value = modelValue || viewValue;
-
-				// Consider empty models to be valid
-				// for this type of validation
-				if (ngModel.$isEmpty(value)) {
-          return $q.resolve();
-        }
-
-				// Init the deferred object
-				var deferred = $q.defer();
-
-				// build the url
-				var url = scope.asyncValidation.replace(':value', value);
-
-				// run the request
-				$http.get(url, {
-					notifyError: false
-				}).then(function (response) {
-
-					if( !response.data ) {
-						deferred.resolve();
-					} else {
-						deferred.reject();
-					}
+		// Example: async-validation="{ validator1: myFunc, validator2: myFunc2 }"
+		// 
+		// If is a object of validator fucntions
+		if( angular.isObject(scope.asyncValidation) ) {
+			
+			angular.forEach(scope.asyncValidation, function(callback, validator) {
+				
+				// TODO: chck if is passed a func or string
+				
+				if( angular.isFunction(callback) ) {
 
-				}, function () {
-					deferred.resolve();
-				});
-
-				return deferred.promise;
-
-			};
-
+					// Add the async validator using custom validator name
+					ngModel.$asyncValidators[validator] = callback;
+					
+				}
+			
+			});
+			
 		}
-
-		// If is a function defined by users
-		// assign it to asyncValidators
-		if( angular.isFunction(scope.asyncValidation) ) {
-			validationFunction = scope.asyncValidation;
+		
+		// Check scope variable type
+		if( angular.isString(scope.asyncValidation) || angular.isFunction(scope.asyncValidation) ) {
+			
+			// Example: async-validation="myFunc"
+			// 
+			// If is a valid function assign it directly
+			if( angular.isFunction(scope.asyncValidation) ) {
+				validationFunction = scope.asyncValidation;
+			}
+	
+			// Example: 
+			// 	async-validation="'/api/test/:value'"
+			// 	async-validation="'/api/test?q=:value'"
+			// 
+			// If is a valid formatted string use it in a custom function
+			if( angular.isString(scope.asyncValidation) ) {
+				
+				// Inform user that bad string was used
+				if( !_pattern.test(scope.asyncValidation) ) {
+					$log.warn('angular-async-validation: You enter a bad callback string:', scope.asyncValidation, 'it must contain :value');
+					return;
+				}
+				
+				// Create a custom validation callback
+				validationFunction = function (modelValue, viewValue) {
+	
+					// get the current value
+					var value = modelValue || viewValue;
+	
+					// Consider empty models to be valid
+					// for this type of validation
+					if (ngModel.$isEmpty(value)) {
+	          return $q.resolve();
+	        }
+	
+					// Init the deferred object
+					var deferred = $q.defer();
+	
+					// build the url
+					var url = scope.asyncValidation.replace(':value', value);
+	
+					// run the request
+					$http.get(url, {
+						notifyError: false
+					}).then(function (response) {
+	
+						if( !response.data ) {
+							deferred.resolve();
+						} else {
+							deferred.reject();
+						}
+						
+					}, function () {
+						deferred.resolve();
+					});
+	
+					return deferred.promise;
+	
+				};
+	
+			}
+	
+			// Add the async validator (optionally using custom name)
+			ngModel.$asyncValidators[validatorName] = validationFunction;
+			
 		}
-
-		// Add the async validator (optionally using custom name)
-		ngModel.$asyncValidators[validatorName] = validationFunction;
-
+		
 	}
 
 }]);