Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
39 lines (30 sloc) 4.25 KB

Forms

Context: frontend-dev-bookmarks / User Interface Components

A HTML form on a web page allows a user to enter data that is sent to a server for processing. Web users fill out the forms using checkboxes, radio buttons, or text fields.

frontend.directory Gitter Twitter


  • ALAJAX: A jQuery plugin to convert normal HTML forms into AJAX forms simply. It Ajaxifys your HTML Form with this plugin. No change will be required on Server-Side.
  • Fields.js: An abstract way of interacting with fields. Fields.js creates collections of fields. Each field is constantly evaluated for validity, and is accessible through the collection.
  • Grid Forms: A tiny Javascript/CSS framework that helps you make forms on grids with ease.
  • HTML5Forms.js: HTML5Forms.js is a JavaScript polyfill that implements a subset of the HTML5 Forms module in all browsers. The script will only add support for the different parts of the module when there doesn't exist a native implementation.
  • Ladda: Buttons with built-in loading indicators.
  • Native form elements: This is what every HTML5 form element looks like on your current operating system and browser.
  • Redux Form: A Higher Order Component using react-redux to keep form state in a Redux store.
  • Serializers: Libraries for collecting form data in JavaScript.
    • form2js: Convenient way to collect structured form data into JavaScript object.
    • jQuery.serializeObject: Encode a set of form elements as a JSON object for manipulation/submission.
    • jquery-serialize-object: Adds the method serializeObject to jQuery, to perform complex form serialization into JavaScript objects.
    • jquery.serializeJSON: Make an object out of form elements.
    • serializeForm: jQuery plugin to serialize form elements into an object.
  • Validation: A form validation behavior checks data against a set of criteria before passing it along to the server.
    • Form Validation UX in HTML and CSS: Chris Coyier describes how to implement form validation with just HTML attributes and some CSS trickery.
    • Mailcheck.js: The Javascript library and jQuery plugin that suggests a right domain when your users misspell it in an email address.
    • One Validation: This is a collection of regular expressions for general validation purposes. The basic design concept is to split up the regexes into semantic parts of the pattern to match.
    • Parsley: JavaScript form validation, without actually writing a single line of JavaScript!
  • jQuery Super Labels Plugin: This plugin was born out of the need to use the label-over-field method for forms.

License

Creative Commons License
This work is licensed under a Creative Commons Attribution 4.0 International License.

Please provide a link back to this repository. This is not necessary for GitHub forks.