Skip to content

Instantly share code, notes, and snippets.

@mrsweaters
Last active June 14, 2019 15:08
Show Gist options
  • Save mrsweaters/6031336 to your computer and use it in GitHub Desktop.
Save mrsweaters/6031336 to your computer and use it in GitHub Desktop.
An example implementation of Foundation Abide.
<form data-abide>
<div class="name-field">
<label>Your name <small>required</small></label>
<input type="number" required pattern="[a-zA-Z]+">
<small class="error">Name is required and must be a string.</small>
</div>
<div class="email-field">
<label>Email <small>required</small></label>
<input type="text" required pattern="email">
<small class="error">An email address is required.</small>
</div>
<div class="password-field">
<label>Email <small>required</small></label>
<input type="password" required>
<small class="error">A valid password is required.</small>
</div>
<button type="submit">Submit</button>
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment