Nebo Front-End Library

Use the validation module to implement front-end form validation.

This module relies on jQuery Validate, so make sure to have it installed first.

Configuration

Use the handlers.init function to create different validation types, each with their own settings.

Examples

Basic

<form class="form js-validate">
  <div class="form__item">
    <div class="form__field">
      <input type="text" name="first_name" required>  
    </div>
  </div>
  <div class="form__item">
    <div class="buttons">
      <input class="button" type="submit" name="">
    </div>
  </div>
</form>

Required Select

<form class="form js-validate">
  <div class="form__item">
    <div class="form__field">
      <select class="js-select" required>
        <option value="">Please choose a value</option>
        <option value="1">One</option>
        <option value="2">Two</option>
      </select>
    </div>
  </div>
  <div class="form__item">
    <div class="buttons">
      <input class="button" type="submit" name="">
    </div>
  </div>
</form>