Capture form validation back from the browser
Alternatives To Hyperform
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
React Hook Form35,2181271,33713 hours ago951September 23, 202211mitTypeScript
📋 React Hooks for form state management and validation (Web + React Native)
Redux Form12,61111,7811,2432 months ago235November 17, 2021491mitJavaScript
A Higher Order Component using react-redux to keep form state in a Redux store
49011 days ago27September 15, 2020171mitSwift
Elegant iOS form builder in Swift
Vee Validate9,8212,190735a day ago282September 19, 202251mitTypeScript
✅ Painless Vue forms
Formily9,6371194 days ago209September 20, 202214mitTypeScript
📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3
Parsley.js9,041329412 months ago47December 10, 201970mitJavaScript
Validate your forms, frontend, without writing a single line of javascript
React Final Form7,25750038417 days ago76April 01, 2022390mitJavaScript
🏁 High performance subscription-based form state management for React
Tcomb Form Native3,162499189 months ago53October 11, 2018128mitJavaScript
Forms library for react-native
Formkit2,90013a day ago144September 23, 202267mitTypeScript
Vue Forms ⚡️ Supercharged
Formsy React2,59922 years ago1November 27, 2015149mitJavaScript
A form input builder and validator for React JS
Alternatives To Hyperform
Select To Compare

Alternative Project Comparisons

Text “Hyperform - Insert Form” in 80s arcade game style


Capture form validation back from the browser

Hyperform is your one-stop solution for client-side form handling.

It features a complete implementation of the HTML5 form validation API in JavaScript, replaces the browser’s native methods (if they are even implemented…), and enriches your toolbox with custom events and hooks.

Not pumped yet? Then take a look at our awesome examples.


Embed from a CDN

Get up and running with Hyperform by embedding it from a CDN: CDNJS

<script src="https://cdnjs.cloudflare.com/ajax/libs/hyperform/0.9.5/hyperform.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hyperform/0.9.5/hyperform.min.css">

or unpkg.com:

<script src="https://unpkg.com/hyperform"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/hyperform.css">

Install locally

The easiest way is installing via npm:

npm install hyperform

or you can use Bower:

bower install hyperform

or download the current version as ZIP archive.

Then embed dist/hyperform.min.js in your file:

<script src="path/to/hyperform/dist/hyperform.min.js"></script>

or require it in your code:

const hyperform = require('hyperform');

In old browsers you will need polyfills for the following features: WeakMap (IE 10 and lower), element.classList (IE 9 and lower), array.filter, array.every, Object.keys and Object.defineProperty (IE 8 and lower). For IE 9+ support simply add this line to use Polyfill.io’s service:

<script src="https://polyfill.io/v2/polyfill.min.js?features=Element.prototype.classList,WeakMap"></script>


You can let Hyperform take over a single form:


or all forms, current and future ones:


Configure settings as second argument:

hyperform(window, { revalidate: 'never' });

If you only need a certain feature once, you can access it directly by name:

if (hyperform.willValidate(some_input_element)) {
    var is_valid = hyperform.validityState(some_input_element).valid;

The full documentation provides you with all the nitty-gritty details and tricks.

What About the UI?

You might be wondering, how to get nifty datepickers and range sliders and stuff. Unfortunately, this is out of topic for Hyperform, but despair not! Hyperform UI (beta) is here to fill in the gaps with the help of jQuery UI.

“jQuery UI? Isn’t that that thing that they had before React?” — “No, that’s Backbone.” — “But before that?” — “No, that was Kendo.” — “...?”

If you had these thoughts right now, rest assured. For the purpose of input widgets there is still close to no other library, that is complete, themable, accessible and has wide browser support. Just try it yourself!


Yes, please! The more the better.


The target is 100% support for the HTML5 validation API. Currently supported:

feature status
willValidate 🌕
setCustomValidity(message) 🌕
validity.valueMissing 🌕
validity.typeMismatch 🌕
validity.patternMismatch 🌕
validity.tooLong 🌕
validity.tooShort 🌕
validity.rangeUnderflow 🌕
validity.rangeOverflow 🌕
validity.stepMismatch 🌕
validity.badInput 🌕
validity.customError 🌕
validity.valid 🌕
checkValidity() 🌕
reportValidity() 🌕
validationMessage 🌕
valueAsDate 🌕
valueAsNumber 🌕
valueLow / valueHigh 🌑
stepUp(n) / stepDown(n) 🌕
accept attribute 🌕
support for novalidate 🌕

Current test status: View on Travis CI

Browser Support

Hyperform is fully tested and supported in

  • Chrome (latest 3)
  • Firefox (latest 3 and ESR)
  • MS Edge (latest)
  • IE down to version 9 (yes, you've read that correctly) when WeakMap for IE ≤ 10 and classList for IE 9 are polyfilled
  • Safari. Caveat: In versions ≤ 9 polyfills do not work. However, form validation and direct method calling works as expected.)


Cool, yes! Head over to the contributing guide for details.


We maintain an up-to date changelog named CHANGELOG.md alongside this file.


This library is released under the terms of the MIT license.


Hyperform is developed by Manuel Strehl with contributions by Andrey Volynkin, Daniel Wang, Darlan Mendonça, Christoph Dörfel, Josh Farneman, Casey Corcoran, and many people reporting issues.

Popular Validation Projects
Popular Form Projects
Popular Data Processing Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Form Validation
Html Form