Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

validate


Formation - Form Generator Plugin

Submitted by mattnull on September 12, 2010 - 11:24am

Formation is a jQuery plugin that allows you to quickly create a form with validation without writing any HTML. You simply specify the container you wish to append the form to. By passing a few parameters into one of the formation function calls you can add different validation such as number, e-mail, url, phone number, or zip code. Each element that you create can be fully customized. You can set the class, id, or any other attribute that is native to that element. Enjoy!

validateMyForm

Submitted by andyshora on September 12, 2010 - 10:22am

validateMyForm is designed to provide easy-to-implement and attractive client-side validation for web forms.

v1.0 contained functionality such as required field, email address, numeric and conditional validation.

v1.1 contained date validation, and allows you to validate input as email, numeric or a date without marking the field as required - input will simply be validated if it is present. You can of course add 'required' and 'email' to an input, to make a required email address field.

v1.2 contained validation for checkboxes and radio buttons.

v1.3 contains validation for textareas, and also a character limit feature shown in example below.

v1.4 enables you to auto-hide textarea the character count when there is no input.

Form Validation With Hints

Submitted by icograma on July 6, 2010 - 2:05pm

Client-side form validation.

Instructions
1. Add jquery.form-validation-and-hints.js to your scripts directory and include it in the HTML which must also contain a version of the JQuery Library.
2. In jquery.form-validation-and-hints.js set the classprefix that you will use to link form elements in the HTML with validation rules in the JS (default is "verify").
3. Add the class "required" to wrap any field that should pass through a validation rule before submiting the form. Use any of the classes for predefined validation rules (verifyInteger, verifyURL, verifyMail) in the input inside the required wrapper.
4. Create your own validation rules in jquery.form-validation-and-hints.js declaring them inside the isTypeValidExt function.

Email

Form AutoValidate

Submitted by Phrogz on May 27, 2010 - 11:06am

Markup-based form validation. Supply a form with CSS class "autovalidate" and put some custom classes and attributes on the form elements, and it will automatically validate the form prior to submission. Other than including the library, no JS code at all is required by you!

  • Mark fields as "required".
  • Mark text fields for custom format validation (e.g. as integer, float, phone number, zip code, date, and more).
  • Enforce minlength, minvalue, maxvalue.
  • Ensure that a certain number of options are chosen (minchosen, maxchosen).
  • Provide nice names or custom error messages per field.
  • Fields and labels failing validation have a custom class applied, allow you to highlight them.

jquery.validate

Submitted by mfranz on April 4, 2010 - 5:20pm

This jQuery plugin takes the boring, repetitive work out of input validation. You need specify only what valid input is, and the plugin takes care of the rest.

Its behaviour is inspired by an article from A List Apart.

ipvalidate

Submitted by rashid2538 on March 25, 2010 - 12:13pm

Form validation is one of the most important aspect on any web application. More the form is secure more secure will be the application. So as to validate form using jquery, is really simple and can be highly customized.

Modal Form Contact

Submitted by nluna on February 17, 2010 - 11:24am

Converts a conventional one modal form with field validation.
Modal Form Contact 1.0 es un plugin de jquery que le permite convertir un formulario de contacto convencional , en un formulario de tipo modal con procesamiento asincrónico y validación de errores.

jQuery Live Form Validation

Submitted by geektantra on September 20, 2009 - 5:11pm

Create live form validation in an instant

Features:

  • Supports custom validations
  • Options to toggle between live and on submit validations
  • Completely customizable CSS

PassRoids - Password Verification and Strength Plugin

Submitted by fluidbyte on July 9, 2009 - 9:39am

The PassRoids jQuery plugin was designed to allow simple integration of password strength measurement and verification and display it in a simple method to the end user. Installation requires minimal js and css code and can be setup in a matter of minutes.

The script is only ~4K and has been tested and runs on IE6+, FireFox, Safari and Opera

jQuery Email Validation Plugin

Submitted by jamey on March 31, 2009 - 8:06am

Checks that two email text fields are valid email addresses, match and warns of common mispellings on email domains.

Example usage

invalid_domains = {
  'hotmai.co.uk' : 'hotmail.co.uk',
  'hotmail.co' : 'hotmail.com',
  'yaho.com' : 'yahoo.com',
  'yaho.co.uk' : 'yahoo.co.uk',
  'gmai.com' : 'gmail.com',
  'gmailcom' : 'gmail.com'
}

$('#email, #email2').validmail({
  invalid_domains : invalid_domains,
  output: '#mail-errors'
});