Added feature on abide to enable validation on blur event

diff --git a/js/foundation.abide.js b/js/foundation.abide.js
index b58cb226265c68e84e4bb6a79c4fd1cc4b46be04..08dd1656e041e806107ac6cc45023ae17283f963 100644 (file)
--- 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]+$/,