Archive for the ‘Forms’ Category

Validity is a powerful and flexible jQuery form validation for making sure -on the client-side- that form values are just as expected.

It is lightweight (9kb) and can perform simple to complex, dynamic and conditional validations.

The plugin also gives full control over how validation messages will appear which makes it possible to match the look and feel of your site.

jQuery Validity

There are various ready-to-use rules for e-mail, date, number, URL, time, phone, zip, etc.

And, there are lots of logical operators like: lessThanOrEqualTo, maxLength, nonHtml, sumMax and more to create any custom rules.

Formee is a CSS framework for easily and quickly creating cross-browser web forms.

It works with the technique provided by Fluid 960 Grid System to compose the form's layout, allowing total flexibility to put it in any website or web system.

The framework fits into any project as it has a structure built around percentage widths which adapts to the space available.

Formee CSS Framework

Formee is built with the smallest number of tags possible and it generates semantic forms.

Styling the forms created is not complicated as the framework comes with 2 CSS files: one for the structure and the other for styling.

And, there also some side elements in the package that are widely used with web forms such as message boxes to show errors, warnings and success alerts.

Previously, a post at WRD was sharing 10 password strength-meter scripts for easily warning users about weak passwords while filling forms.

chronoStrength is a new one which comes as a standalone JavaScript file or a jQuery plugin.

Compared to the standard strength meters which visualize the strength of passwords with colors, this script displays "an estimate of the time for a desktop PC to crack the password".

And, the messages to be displayed can be customized by updating the source code a little which can end up in an original and funny experience.

chronoStrength

Faary is a free web-based form builder that enables designing forms by simply defining them as text.

In order to better define how it works, an entry like:

  • header,        Sign-up to Newsletter
  • text,             *Your E-mail,email
  • submit,        Send it!

will end up in a newsletter form with the title: "Sign-up to Newsletter ", an e-mail input which is required and a submit button.

Faary Form Builder

The application supports every input type, client-side JavaScript validation and headers/sub-headers.

Once the details for the form is set, the output can be previewed and downloaded as a .zip file.

ValidForm Builder is an impressive open source form creation library that relies on PHP and JavaScript (jQuery).

The library outputs standards-based web forms (XHTML 1.0 valid) that are validated both on the client-side and the server-side.

It supports every input type (textbox, checkbox, radio, etc.) and comes with ready-to-use validation rules (integer, required, e-mail, etc.).

ValidForm Builder also has a captcha class which is very easy to integrate and can display a new captcha on every click.

ValidForm Builder