{"id":13398077,"url":"https://github.com/hyperform/hyperform","last_synced_at":"2025-05-15T08:08:29.032Z","repository":{"id":7820173,"uuid":"56265357","full_name":"hyperform/hyperform","owner":"hyperform","description":"Capture form validation back from the browser","archived":false,"fork":false,"pushed_at":"2024-06-26T07:41:23.000Z","size":2993,"stargazers_count":747,"open_issues_count":36,"forks_count":36,"subscribers_count":18,"default_branch":"master","last_synced_at":"2024-09-30T19:05:00.053Z","etag":null,"topics":["es6","form-validation","html-form","html5","html5-input","hyperform","input","javascript","polyfill","validation"],"latest_commit_sha":null,"homepage":"https://hyperform.js.org","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hyperform.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-04-14T19:43:05.000Z","updated_at":"2024-06-26T07:41:27.000Z","dependencies_parsed_at":"2024-01-14T16:10:58.839Z","dependency_job_id":"8b518288-9e94-4210-8e96-c98713b2279f","html_url":"https://github.com/hyperform/hyperform","commit_stats":{"total_commits":482,"total_committers":10,"mean_commits":48.2,"dds":0.08921161825726143,"last_synced_commit":"e348874e3291ca3d4d6d0ac50e8dc55a37326732"},"previous_names":[],"tags_count":95,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hyperform%2Fhyperform","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hyperform%2Fhyperform/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hyperform%2Fhyperform/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hyperform%2Fhyperform/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hyperform","download_url":"https://codeload.github.com/hyperform/hyperform/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248439842,"owners_count":21103692,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["es6","form-validation","html-form","html5","html5-input","hyperform","input","javascript","polyfill","validation"],"created_at":"2024-07-30T18:02:05.783Z","updated_at":"2025-04-11T16:26:55.424Z","avatar_url":"https://github.com/hyperform.png","language":"JavaScript","readme":"# ![Text “Hyperform - Insert Form” in 80s arcade game style](https://hyperform.js.org/statics/header.png)\n[![CDNJS](https://img.shields.io/cdnjs/v/hyperform.svg?colorB=green)](https://cdnjs.com/libraries/hyperform)\n## Capture form validation back from the browser\n\nHyperform is your one-stop solution for client-side form handling.\n\nIt features a complete implementation of the HTML5 form validation API in\nJavaScript, replaces the browser’s native methods (if they are even\nimplemented…), and enriches your toolbox with custom events and hooks.\n\nNot pumped yet? Then [take a look](https://hyperform.js.org/examples.html) at\nour awesome [examples](https://hyperform.js.org/examples.html).\n\n## Installation\n\n### Embed from a CDN\n\nGet up and running with Hyperform by embedding it from a CDN:\n[CDNJS](https://cdnjs.com/libraries/hyperform)\n\n```html\n\u003cscript src=\"https://cdnjs.cloudflare.com/ajax/libs/hyperform/0.9.5/hyperform.min.js\"\u003e\u003c/script\u003e\n\u003clink rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/hyperform/0.9.5/hyperform.min.css\"\u003e\n```\n\nor unpkg.com:\n\n```html\n\u003cscript src=\"https://unpkg.com/hyperform\"\u003e\u003c/script\u003e\n\u003clink rel=\"stylesheet\" href=\"https://unpkg.com/hyperform@latest/css/hyperform.css\"\u003e\n```\n\n### Install locally\n\nThe easiest way is installing via `npm`:\n\n```sh\nnpm install hyperform\n```\n\nor you can use Bower:\n\n```sh\nbower install hyperform\n```\n\nor download the [current version as ZIP\narchive](https://github.com/hyperform/hyperform/archive/master.zip).\n\nThen embed `dist/hyperform.min.js` in your file:\n\n```html\n\u003cscript src=\"path/to/hyperform/dist/hyperform.min.js\"\u003e\u003c/script\u003e\n```\n\nor require it in your code:\n\n```js\nconst hyperform = require('hyperform');\n```\n\nIn old browsers you will need polyfills for the following features:\n[`WeakMap`](https://github.com/Benvie/WeakMap) (IE 10 and lower),\n[`element.classList`](https://github.com/remy/polyfills) (IE 9 and lower),\n`array.filter`, `array.every`, `Object.keys` and\n`Object.defineProperty` (IE 8 and lower). For IE 9+ support simply add this\nline to use [CloudFlare’s service](https://cdnjs.cloudflare.com/polyfill):\n\n```html\n\u003cscript src=\"https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0\u0026features=Element.prototype.classList%2CWeakMap\"\u003e\u003c/script\u003e\n```\n\n## Usage\n\nYou can let Hyperform take over a single form:\n\n```js\nhyperform(document.forms[0]);\n```\n\nor all forms, current and future ones:\n\n```js\nhyperform(window);\n```\n\nConfigure settings as second argument:\n\n```js\nhyperform(window, { revalidate: 'never' });\n```\n\nIf you only need a certain feature once, you can access it directly by name:\n\n```js\nif (hyperform.willValidate(some_input_element)) {\n    var is_valid = hyperform.validityState(some_input_element).valid;\n}\n```\n\n[The full documentation](https://hyperform.js.org/docs/) provides you with all\nthe nitty-gritty details and tricks.\n\n### What About the UI?\n\nYou might be wondering, how to get nifty datepickers and range sliders and\nstuff. Unfortunately, this is out of topic for Hyperform, but despair not!\n[Hyperform UI](https://github.com/hyperform/hyperform-ui) (beta) is here to\nfill in the gaps with the help of jQuery UI.\n\n\u003e “jQuery UI? Isn’t that that thing that they had before React?” — “No, that’s\n\u003e Backbone.” — “But before that?” — “No, that was Kendo.” — “...?”\n\nIf you had these thoughts right now, rest assured. For the purpose of input\nwidgets there is still close to no other library, that is complete, themable,\naccessible and has wide browser support. Just try it yourself!\n\n## Examples\n\n[Yes, please! The more the better.](https://hyperform.js.org/examples.html)\n\n## Status\n\nThe target is 100% support for the [HTML5 validation\nAPI](https://html.spec.whatwg.org/multipage/forms.html#constraints). Currently\nsupported:\n\n| feature                      | status      |\n| ---------------------------- | ----------- |\n| `willValidate`               | :full_moon: |\n| `setCustomValidity(message)` | :full_moon: |\n| `validity.valueMissing`      | :full_moon: |\n| `validity.typeMismatch`      | :full_moon: |\n| `validity.patternMismatch`   | :full_moon: |\n| `validity.tooLong`           | :full_moon: |\n| `validity.tooShort`          | :full_moon: |\n| `validity.rangeUnderflow`    | :full_moon: |\n| `validity.rangeOverflow`     | :full_moon: |\n| `validity.stepMismatch`      | :full_moon: |\n| `validity.badInput`          | :full_moon: |\n| `validity.customError`       | :full_moon: |\n| `validity.valid`             | :full_moon: |\n| `checkValidity()`            | :full_moon: |\n| `reportValidity()`           | :full_moon: |\n| `validationMessage`          | :full_moon: |\n| `valueAsDate`                | :full_moon: |\n| `valueAsNumber`              | :full_moon: |\n| `valueLow` / `valueHigh`     | :new_moon:  |\n| `stepUp(n)` / `stepDown(n)`  | :full_moon: |\n| `accept` attribute           | :full_moon: |\n| support for `novalidate`     | :full_moon: |\n\nCurrent test status: [![View on Travis CI](https://api.travis-ci.org/hyperform/hyperform.svg?branch=master)](https://travis-ci.org/hyperform/hyperform)\n\n### Browser Support\n\nHyperform is fully tested and supported in\n\n* Chrome (latest 3)\n* Firefox (latest 3 and ESR)\n* MS Edge (latest)\n* IE down to version 9 (yes, you've read that correctly) when `WeakMap` for IE\n    ≤ 10 and `classList` for IE 9 are polyfilled\n* Safari. _Caveat:_ In versions ≤ 9 [polyfills do not\n    work](https://github.com/hyperform/hyperform/issues/16). However, form\n    validation and direct method calling works as expected.)\n\n## Contributing\n\nCool, yes! Head over to the [contributing guide](CONTRIBUTING.md) for details.\n\n## Changelog\n\nWe maintain an up-to date [changelog named `CHANGELOG.md`](CHANGELOG.md)\nalongside this file.\n\n## License\n\nThis library is released under the terms of the [MIT license](LICENSE.md).\n\n## Contributors\n\nHyperform is developed by [Manuel Strehl](https://twitter.com/m_strehl) with\ncontributions by\n[Andrey Volynkin](https://github.com/Avol-V),\n[Daniel Wang](https://github.com/pvnr0082t),\n[Darlan Mendonça](https://github.com/darlanmendonca),\n[Christoph Dörfel](https://github.com/Garbanas),\n[Josh Farneman](https://github.com/farneman),\n[Casey Corcoran](https://github.com/snaptopixel),\nand many people reporting issues.\n","funding_links":[],"categories":["JavaScript","UI Components","es6"],"sub_categories":["Form Validation"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhyperform%2Fhyperform","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhyperform%2Fhyperform","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhyperform%2Fhyperform/lists"}