Questions tagged [abide]

Abide is the form validation library built into Zurb Foundation

Abide is a form validation library that extends the HTML5 validation API with custom validators.

35 questions
4
votes
1 answer

How to turn Zurb Foundation Abide live validation off?

Is there a way to turn the live validating of inputs in Zurb Foundation off, so the validation only happens when a field is actually left? The docs point to the variable: live_validate, but setting it to false seems to have no effect. Also this…
mr.T
  • 351
  • 1
  • 4
  • 12
3
votes
1 answer

Firefox input pattern regex range

This is related to the same problem as this question: Firefox error: Unable to check input because the pattern is not a valid regexp: invalid identity escape in regular expression When using escaped characters in the pattern attribute,…
duncan
  • 31,401
  • 13
  • 78
  • 99
3
votes
1 answer

Foundation Abide for two selects

I have the following HTML:
{#

{{ 'PEOPLE'|trans }}

*
#}
Aessandro
  • 5,517
  • 21
  • 66
  • 139
3
votes
1 answer

Validate File Type using Foundation Abide

I'm looking to use Foundation's Abide plug-in to validate the type of file extension uploaded into a type="file" input tag, but I'm having troubles validating the check against the RegExp correctly. html:
Dylan
  • 711
  • 5
  • 21
2
votes
1 answer

How to prevent submit button submitting a form using Foundation 6.6 and Abide

I am trying to use Foundation 6.6 Abide to validate a form and if the form is valid, I DO NOT want it to submit - but rather trigger another another event. Whatever I do - the form always seem to submit.
Nathan
  • 31
  • 4
2
votes
1 answer

Foundation Abide with AJAX function

I have been trying to create a check user system to prevent duplicates. The code below returns true or false correctly but for some reason it is not triggering the error class system to display the error. JavaScript $(document).foundation({ abide…
James
  • 702
  • 2
  • 15
  • 39
2
votes
2 answers

Force foundation abide validation

I am using abide alongside zurb foundation. I am attempting to determine if I should disable the submit button of a form based on the valid status of the fields. In addition, I would like to make the fields as valid or otherwise. Everything works…
stevemarvell
  • 981
  • 1
  • 6
  • 16
2
votes
1 answer

Foundation 5 & Abide: a custom validator for a set of checkboxes?

I would like to create a validator for abide for a set of checkboxes. Let's consider a set of 5 checkboxes. The user is asked to check 3 max, and at least 1. So, here is my work-in-progress code:
Yako
  • 3,405
  • 9
  • 41
  • 71
2
votes
0 answers

Removed novalidate doesn't validate form

I'm using Zurb Foundation's Abide validations for a form. When I render the form, the form has a novalidate attribute. I removed the attribute with $('#new_user').removeAttr('novalidate') I refreshed the page, but still unable to submit. I saw…
Patrick
  • 1,410
  • 2
  • 19
  • 37
2
votes
1 answer

Zurb Foundation Abide Add custom checking rule

I am using Zurb Foundation abide for my form checking. But I am confused of how to add the rule of checking for my personal form input. For example I have two fields that need to be checked if they are equal.
1
vote
0 answers

Foundation 6 Abide Form Validation

Is there a way to get a returned value of true or false for Abide form validation. I know there are event listeners that you can call on form submit but I have a PayPal checkout button that I don't want to run unless the form is valid and don't have…
ferne97
  • 1,063
  • 1
  • 10
  • 20
1
vote
1 answer

Foundation 6 Abide custom validation with ajax

Using Foundation 6 Abide, I've created a custom validator that needs to check a username field against a pattern AND also have it reach out to the server to see if the username is already registered. When the custom validator is executed, it first…
1
vote
1 answer

Abide Foundation on Valid Form

I have a really strange issue in that I'm using the abide foundation validation plugin and all seems to be ok, I can get a pop a message to appear but the form doesn't actually submit... it just seems to refresh the page. Can anyone see what I'm…
WebDevB
  • 492
  • 2
  • 7
  • 25
1
vote
1 answer

How do Zurb-Foundation 6 / Abide custom validation patterns work?

I want to create my own custom pattern so as to validate fields using the Abide plugin for the Foundation 6 framework however, I cannot find any resources indicating the required syntax for creating patterns. This is an example of a standard Abide…
cleverpaul
  • 935
  • 4
  • 12
  • 28
1
vote
1 answer

Foundation 6 Abide not working with Ajax / Dynamic Html

This problem is really annoying me. In this simple form: I'm trying to add a new…
Renato Galvones
  • 533
  • 1
  • 3
  • 14
1
2 3