From: Chris Oyler <chris@zurb.com>
Date: Fri, 18 Dec 2015 00:47:29 +0000 (-0800)
Subject: adds back type checking for abide text fields, order of check is pattern passed as... 
X-Git-Tag: v6.1.0~4^2^2~10
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=9df110731b9cc709c228c6759e77ce5323d51b9f;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

adds back type checking for abide text fields, order of check is pattern passed as argument, pattern attribute on element, element type. if no matching pattern is found, returns true in all cases. addresses 7590#issuecomment-165585285
---

diff --git a/docs/pages/abide.md b/docs/pages/abide.md
index 563dc2e6a..7158846ab 100644
--- a/docs/pages/abide.md
+++ b/docs/pages/abide.md
@@ -29,7 +29,7 @@ These input types create a text field: `text`, `date`, `datetime`, `datetime-loc
     </div>
     <div class="small-12 columns">
       <label>Nothing Required!
-        <input type="text" placeholder="Use me, or don't" aria-describedby="exampleHelpTex">
+        <input type="text" placeholder="Use me, or don't" aria-describedby="exampleHelpTex" data-abide-ignore>
         <span class="form-error">
           Yo, you had better fill this out.
         </span>
@@ -38,7 +38,7 @@ These input types create a text field: `text`, `date`, `datetime`, `datetime-loc
     </div>
     <div class="small-12 columns">
       <label>Password Required
-        <input type="password" id="password"placeholder="yeti4preZ" aria-describedby="exampleHelpText" required pattern="alpha_numeric">
+        <input type="password" id="password" placeholder="yeti4preZ" aria-describedby="exampleHelpText" required >
         <span class="form-error">
           Yo, you had better fill this out.
         </span>
@@ -58,7 +58,7 @@ These input types create a text field: `text`, `date`, `datetime`, `datetime-loc
   <div class="row">
     <div class="medium-6 columns">
       <label>URL Pattern, Not Required
-        <input type="text" placeholder="http://www.google.com" pattern="url">
+        <input type="text" placeholder="http://foundation.zurb.com" pattern="url">
       </label>
     </div>
     <div class="medium-6 columns">
diff --git a/js/foundation.abide.js b/js/foundation.abide.js
index b29d62369..966fbfe80 100644
--- a/js/foundation.abide.js
+++ b/js/foundation.abide.js
@@ -329,10 +329,11 @@
    * @returns {Boolean} Boolean value depends on whether or not the input value matches the pattern specified
    */
   Abide.prototype.validateText = function($el, pattern){
-    pattern = pattern ? pattern : $el.attr('pattern');
+    // pattern = pattern ? pattern : $el.attr('pattern') ? $el.attr('pattern') : $el.attr('type');
+    pattern = (pattern || $el.attr('pattern') || $el.attr('type'));
     var inputText = $el.val();
 
-    return inputText.length ?
+    return inputText.length ?//if text, check if the pattern exists, if so, test it, if no text or no pattern, return true.
            this.options.patterns.hasOwnProperty(pattern) ? this.options.patterns[pattern].test(inputText) :
            true : true;
   };