Formation | A rule-based JavaScript Form Validation Library

Rule-based, cross-browser, client side HTML form validation library written in JavaScript

Project maintained by ozzyogkush Hosted on GitHub Pages — Theme by mattgraham

Supported Element Types:

select

Default Available rules:

Note: In the DOM, all rules are prefixed by data-fv. The default rule does not require an attribute on the DOM element. All rules are processed with AND logic and thus validation will fail if any requested rule fails.

select (See ./src/rules/select-default-rules.js)
- default : The trimmed value of the selected option must not be empty

Example:

See a live example.

<head>
  <script type="text/javascript" src="formation.min.js"></script>
</head>
<body>
  <form data-formation="1">
    <select name="someChoices" data-fv-required="1">
      <option value="">&mdash; PICK ONE &mdash;</option>
      <option value="1">Some</option>
      <option value="2">Good</option>
      <option value="3">Values</option>
    </select>
    
    <button 
      type="submit" 
      data-fv-form-submit="1" 
      disabled="disabled">Submit</button>
  </form>
</body>