Ideal Forms 3: build and validate responsive HTML5 forms!

The ultimate framework for building and validating responsive HTML5 forms.

Responsive HTML5 forms with jQuery plugin

Just the best forms! Ideal Forms 3 plugin is small, fast, and extensible.

Key features

– On the spot validation

– Fully adaptive (adapts to the container, no CSS media queries needed)

– Keyboard support

– Custom check-boxes, radios and file inputs

– Custom seamless jQuery UI datepicker

– Support for third party extensions


A solution for building and validating responsive HTML5 forms
A solution for building and validating responsive HTML5 forms


– Load latest jQuery library

– Load css/jquery.idealforms.css stylesheet

– Load js/out/jquery.idealforms.min.js plugin

– To localize Ideal Forms load the corresponding file from js/i18n

– Place images in a folder and make sure the path is correct

And for better IE support, replace the opening html tag with:

<!--[if IE 9]> <html class="ie9" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->

Call Ideal Forms on our form:

$('form').idealforms({ options });

Default options preview:

defaults = {
  field: '.field',
  error: '.error',
  iconHtml: '<i/>',
  iconClass: 'icon',
  invalidClass: 'invalid',
  validClass: 'valid',
  silentLoad: true,
  onValidate: $.noop,
  onSubmit: $.noop,
  rules: {},
  errors: {}

License: GPL or MIT

GitHub Page: