From 64c8e56174754654e26e803f9959528ff068b853 Mon Sep 17 00:00:00 2001 From: Abdullah Salem Date: Fri, 11 Nov 2016 04:19:25 +0300 Subject: [PATCH] Added feature on abide to enable validation on blur event --- js/foundation.abide.js | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/js/foundation.abide.js b/js/foundation.abide.js index b58cb2262..08dd1656e 100644 --- a/js/foundation.abide.js +++ b/js/foundation.abide.js @@ -62,6 +62,14 @@ class Abide { this.validateInput($(e.target)); }); } + + if (this.options.validateOnBlur) { + this.$inputs + .off('blur.zf.abide') + .on('blur.zf.abide', (e) => { + this.validateInput($(e.target)); + }); + } } /** @@ -503,6 +511,13 @@ Abide.defaults = { */ liveValidate: false, + /** + * Set to true to validate inputs on blur. + * @option + * @example false + */ + validateOnBlur: false, + patterns: { alpha : /^[a-zA-Z]+$/, alpha_numeric : /^[a-zA-Z0-9]+$/, -- 2.47.2