adds back type checking for abide text fields, order of check is pattern passed as...

diff --git a/docs/pages/abide.md b/docs/pages/abide.md
index 563dc2e6a66b868c44da91345afcf9b2f2acd1a0..7158846abe3be011002e0b061c90020974174629 100644 (file)
--- 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 b29d62369a7af5db96d4eb4094f427a9a757340c..966fbfe80db323c01590f21bf565e6f986735537 100644 (file)
--- 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;
   };