support async (promised) validators #170

Author: icebob

dev/full/schema.js

@@ -4,6 +4,17 @@ import {
 	validators
 } from "../../src";
 
+let customAsyncValidator = function(value) {
+	return new Promise((resolve, reject) => {
+		setTimeout(() => {
+			if (value)
+				resolve();
+			else
+				resolve([ "Invalid value from async validator" ]);
+		}, 1000);
+	});
+};
+
 module.exports = {
 	fields: [
 
@@ -56,7 +67,7 @@ module.exports = {
 			model: "website",
 			placeholder: "Enter your website",
 			inputName: "website",
-			validator: validators.url
+			validator: customAsyncValidator //validators.url
 		}, {
 			type: "input",
 			inputType: "tel",
@@ -120,8 +131,8 @@ module.exports = {
 			inputType: "number",
 			label: "Number",
 			model: "age",
-			styleClasses: "half-width",
-			validator: validators.number
+			styleClasses: "half-width"
+			//validator: validators.number
 		}, {
 			type: "input",
 			inputType: "range",
@@ -312,7 +323,8 @@ module.exports = {
 			rows: 4,
 			validator: validators.string
 		}, {
-			type: "text",
+			type: "input",
+			inputType: "text",
 			label: "Field with buttons",
 			model: "address.geo",
 			disabled: false,

dist/vfg-core.js

@@ -90,12 +90,26 @@ export default {
 				}
 
 				each(validators, (validator) => {
-					let err = validator(this.value, this.schema, this.model);
-					if (err) {
+					let addErrors = err => {
 						if (isArray(err))
 							Array.prototype.push.apply(this.errors, err);
 						else if (isString(err))
 							this.errors.push(err);
+					};
+
+					let res = validator(this.value, this.schema, this.model);
+					if (res && isFunction(res.then)) {
+						// It is a Promise, async validator
+						res.then(err => {
+							if (err) {
+								addErrors(err);
+								let isValid = this.errors.length == 0;
+								this.$emit("validated", isValid, this.errors, this);
+							}
+						});
+					} else {
+						if (res)
+							addErrors(res);
 					}
 				});