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.

email


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.

UserBox

Submitted by jmcguire on September 10, 2010 - 2:32pm

Enable a drag and drop user selection system.

This plugin was developed to enable a nice online email interface, where you can drag users from a userbox onto the desired input field, i.e. To, CC, or BCC.

It also lets you type in email addresses straight into the input box, and lets you drag around these email addresses between fields.

Uses Jquery-UI.

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'
});

Formatter (decimal, email, phone number, and more) for text box

Submitted by Cloudgen on March 11, 2009 - 7:01am

A formatter plugin for textbox, allowing programmer to specify precision, with or without negative sign, decimal point type (such as full-stop or comma), call-back function, data-type as numeric, email, phone number, or purely alphabets. Top level domain name is supported in email checking. The plugin provide auto-fix ability for correcting errors in inputting numbers.
Online demonstration can be found in http://examplet.buss.hk/jquery/format.php

shareBox Pop-up Box

Submitted by dhulk on December 15, 2008 - 6:08pm

shareBox Plugin

Welcome to the shareBox plugin. Based off of the functionality provided on healthycocoa.com for sharing articles on social bookmarking sites and emailing the article to friends and family, this plugin allows you to add the same feature on your site without relying on externaly hosted tools like addthis.

This plugin (mostly due to a lack of documentation and a demo page) is still in beta, however it is compatible with jQuery 1.2.x and tested across all browsers (FF2/3, IE6/7, Chrome/Safari). Documentation and demonstrations are soon to follow, for now what will follow is a brief outline of the options and how to use it.

There are a decent array of options available that you can configure when invoking the plugin:

Reveal

Submitted by olle_t on December 7, 2008 - 4:16pm

Reveal is an hCard viewer plugin for jQuery, providing simple browsing of hCards on a web page.

Code and issues are managed at http://github.com/olle/reveal/tree/master

Mailme - Email Defuscator

Submitted by jt on November 20, 2008 - 8:03am

Based on this article:

http://www.html-advisor.com/javascript/hide-email-with-javascript-jquery/

Example markup:

<span class="mailme" title="Send me a letter!">me at mydomain dot com</span>

Example code:

// Replaces all the matching elements with a <a href="mailto:..> tag.
$('span.mailme').mailme();

Form Validator

Submitted by Jfry on October 20, 2008 - 3:53pm

Easy form validation and contact form!

Form Validator makes validating your forms as easy as adding a couple classes. It can check for non blank fields, email fields, phone numbers, and dates. As the user fills our the form it sets classes for each input allowing you to apply your own styles.

You can choose between an easy to use AJAX email submit, or you can allow the default action of the form to be performed on a successful validation. Lightweight and easy to use!