Menu icon Foundation
Every required field is flagged as error using Abide

Abide

When I submit my form, Abide is flagging every required field as error, even when it is not an error. Even some other elements are now 'red' like the Photo, and Is this a supplement Labels. Any idea what would cause this?

 <form data-abide action="" class="edit-food standard-form" id="create-food" method="post"  enctype="multipart/form-data">
    	<div class="row">
		  <div class="large-6 columns">
		  	<div>
			  <label>Food Name <small>*</small></label>
		      <input type="text" placeholder="Food Name" name="food_name" required>
			  <small class ="error">Food name is Required</small>
			</div>
			<div>
			  <label>Food Brand or Restaurant</label>
			  <input type="text" placeholder="Food Brand" name="_fof_brand">
			  <small class ="error">Only alpha_numberic characters</small>
			</div>
			<div>
			 <label>Food UPC</label>
             <ul class="newUPC">
              <li class="newUPC-item">
                <input type="number" value="" placeholder="" pattern="number" min="0" maxlength="12" name="_fof_upc[]">
                <small class ="error">UPCs are 8 to 12 numbers only</small>
                <div class="newUPC-options">
                  <div class="upcOption upcOption-plus">
                    &#43;
                  </div>
                  <div class="upcOption upcOption-minus">
                    &#45;
                  </div>
                </div>
               </li>
             </ul>
            </div> 
            <div>
            ....// Only submitting the top part of the form. Can add more if needed.
            </form>
            

         

abideformerror

Abide

When I submit my form, Abide is flagging every required field as error, even when it is not an error. Even some other elements are now 'red' like the Photo, and Is this a supplement Labels. Any idea what would cause this?

 <form data-abide action="" class="edit-food standard-form" id="create-food" method="post"  enctype="multipart/form-data">
    	<div class="row">
		  <div class="large-6 columns">
		  	<div>
			  <label>Food Name <small>*</small></label>
		      <input type="text" placeholder="Food Name" name="food_name" required>
			  <small class ="error">Food name is Required</small>
			</div>
			<div>
			  <label>Food Brand or Restaurant</label>
			  <input type="text" placeholder="Food Brand" name="_fof_brand">
			  <small class ="error">Only alpha_numberic characters</small>
			</div>
			<div>
			 <label>Food UPC</label>
             <ul class="newUPC">
              <li class="newUPC-item">
                <input type="number" value="" placeholder="" pattern="number" min="0" maxlength="12" name="_fof_upc[]">
                <small class ="error">UPCs are 8 to 12 numbers only</small>
                <div class="newUPC-options">
                  <div class="upcOption upcOption-plus">
                    &#43;
                  </div>
                  <div class="upcOption upcOption-minus">
                    &#45;
                  </div>
                </div>
               </li>
             </ul>
            </div> 
            <div>
            ....// Only submitting the top part of the form. Can add more if needed.
            </form>
            

         
andyadams over 4 years ago

I also meet Abide error.If I type the card number fist in my form (tested with my own VISA) and than I click on submit I still get an error that the card number is invalid. However if I start filling the form from the top down with the same card number and I click on submit than it's fine. :O

Here is my link: http://alessandrosantese.com/abide/index3.html

I have also overwritten the card pattern with my own visa regex.

Your name required


Name is required and must be a string.

Email required


An email address is required.

Card number required


An email address is required.

<button type="submit">Submit</button>

$(document)
.foundation({
abide : {
patterns: {
dashes_only: /[0-9-]*$/,
ip_address: /(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9].){3}(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])$/,
card:/4(?:[0-9]{12}|[0-9]{15})/
}
}
});


my site:http://www.businessrefinery.com/excel-barcode/upc_a.html

ndh about 5 years ago

Looks like this was a bug in 5.3.3. I upgraded to 5.4.5 and all is well.