From: Abdullah Salem <abdullahsalem@outlook.com>
Date: Fri, 11 Nov 2016 01:19:25 +0000 (+0300)
Subject: Added feature on abide to enable validation on blur event
X-Git-Tag: v6.3-rc1~23^2^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F9360%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Added feature on abide to enable validation on blur event
---

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]+$/,