Plugins

User login
Can't find a Plugin?

Can't find a Plugin you are looking for? Check out the jQuery Wiki page.

Are you a plugin developer? Please move your plugin over to this site.

Website Bug or Feature Request?

Found a bug on the new jQuery Plugin website? Have a feature request?

Submit it to the jQuery Plugin website issue queue to ensure it is noticed!

form validation


jquery checkForm

Average rating
(0 votes)

Jquery checkForm 0.1 is a jquery plugin made to simplify client side checks of form fields.

Goals:

  • automatic add class="error" to fields
  • easy to implement
  • easy to use
  • you can use your own css classes
  • automatic check email format
  • automatic check numeric value

Usage

  1. Add class="require" to the html <input> or <textarea>
  2. Add this to document ready
    $('form').checkFields();
  3. Add the this to your css
    input.error,textarea.error{
      border:1px solid #f00;
    }
    label.error{ color:#f00; }

This is my first plugin, be lenient ;D

okValidate

Average rating
(0 votes)

A reasonably sized (12kb uncompressed, 6.8kb minified) form-validation plugin.
Actually it would only be 7 kb uncompressed, and 3.8kb minified, but the
email address and url validator regexps are ginormous (you could easily remove
them if you want to use a lighter regexp).

Usage

okValidate favors convention over configuration. To validate a particular field,
add a class to the field name of one or more validators.

&lt;input class='email required' name='email' type='text' /&gt;

This will validate the field with the 'required' and 'email' validators (built-in).

To add additional validators you must add properties to or extend the
$.fn.okValidate.validators object and/or the $.fn.okValidate.messages
object. In order to properly validate, both the validator, and corresponding
messages must have the same key.

ajaxContactForm to simplify te sending of a inquiryform.

Average rating
(0 votes)

jquery.ajaxContactForm is a plugin made to simplify te sending of a inquiryform. The plugin gathers all the filled out data, after testing it on: required values, required numberical values and/or required e-mail structure. After that it sends the form via AJAX (JavaScript).

The forms that will be send are protected against spam because:

  • There is no form-tag in the DOM, spam-bots can't see that the data will be send, let alone with what page/script it will be send;
  • A field -invisible for human visitors- will be added which may not be filled out, spam-bots like to fill out as much as they can.

Salid - The Simple jQuery Validator

Average rating
(0 votes)

Salid provides simple form validation in the fewest lines possible. It is currently in BETA and we would love to hear more tips, optimizations, and suggestions anyone might have. It handles all of the usual culprits, including:

  • Only 211 lines unminified with 11 built-in validation functions.
  • › Validation on form submission.
  • › Validation of individual fields based on a defined event trigger.
  • › Validation based on form element IDs with a fallback on names.
  • › Define your own error handler callback or use the default.
  • › Define your own validation methods.
  • › Adds an error class to invalid fields.
  • › Supports the metadata plugin for field validation

Fvalidate

Average rating
(1 vote)

A web2.0 html form validation plugin.
Features:

  • - Set validation rules for any form field using inline rules (html attributes).
  • - Ability to use custom regex rules.
  • - Compare two fields for same value (e.g. email or password confirmation).
  • - Use API to take the power in your hands.
  • - Input class changes on error (Better UI).
  • - Disable alerts if you want.

Advanced Form Validation

Average rating
(4 votes)

Form Validator with several features such as grouping required fields or conditional checking if it is valid or not. Also you can validate string, numeric, date or e-mail. And you can combine several validations. For example: required numeric input and minimum 5 chars long.

Easy to build your validation rules by css classes.

<input type="text" name="phone1" "req-min req-numeric req-both" minlength="9" rel="phones" ..>

Customizable Plugin

You can edit error messages, date seperator, onsuccess function, standard error div selector.

Easy to assign

$('#submitBtn').formValidator({
scope : '#form',
errorDiv : '#errorDiv'
});

Different forms of assign

You can trigger from button or just call the function:
$.formValidator...
$('#button').formValidator...

Here is the css classes:

validoo

Average rating
(0 votes)

deigned to provide a plain and simple form validation, it allows you to use valid strict xhtml1.1 code...

well, just hope you'll find it useful.

EC jQuery Form Validator Plugin

Average rating
(0 votes)

a form validation plugin that can be used with jQuery AJAX Form Plugin and through in-line onSubmit event.

still in beta phase. will work on more configurations.

this is my first jquery plugin, so please be gentle ^_^

Scout Form Validation

Average rating
(1 vote)

Browser side jquery form validation. It aims to provide service of form validation which is fully configurated from xhtml form level. Additional documentation could be found on our project documentation site.

Feedback UI Plugin

Average rating
(3 votes)

Feedback is a jQuery plugin that lets you send Feedback messages to a user after any event you choose. You can use it for custom error message handling, for example. So if you write some custom script to perform either a client or server-side validation, you can use Feedback to send an error message. Or, you can send informational messages. It uses the jQuery UI plugin to determine the default styles of the informational and error messages, so it is dependent on that plugin. It has properties that make it easy to position a feedback message next to an existing page element. You can specify a period of time in seconds for the message to appear before it fades away.