Today I’ve finally finished the Autocomplete Migration Guide, which explains how to migrate from ye olde plugin to the new jQuery UI Autocomplete widget. It covers the various options and their replacements, if any. In a lot of cases, we were able to get rid of the options by providing better defaults or by restructuring the API, with the source option being the most prominent example.

The next major jQuery UI release should include the new Tooltip widget, paving the way to shut down another plugin on this site.

There are four new localizations: Lithuanian, Greek, Latvian and Hebrew. The Spanish localization got a few improvements (I fully trust my contributors on that). Someone also contributed phoneUK and mobileUK methods, which can be found in additional-methods.js (while adding those, I renamed the phone-method to phoneUS).

And as a first proof of concept, there is now a demo styled with jQuery UI Themeroller classes. I’ll improve that when form support gets better in jQuery UI (planned for 1.9).

Download this release.

The full changelog:

• Added Lithuanian (LT) localization
• Added Greek (EL) localization (http://plugins.jquery.com/node/12319)
• Added Latvian (LV) localization (http://plugins.jquery.com/node/12349)
• Added Hebrew (HE) localization (http://plugins.jquery.com/node/12039)
• Fixed Spanish (ES) localization (http://plugins.jquery.com/node/12696)
• Added jQuery UI themerolled demo
• Removed cmxform.js
• Fixed four missing semicolons (http://plugins.jquery.com/node/12639)
• Renamed phone-method in additional-methods.js to phoneUS
• Added phoneUK and mobileUK methods to additional-methods.js (http://plugins.jquery.com/node/12359)
• Deep extend options to avoid modifying multiple forms when using the rules-method on a single element (http://plugins.jquery.com/node/12411)
• Bugfixes for compability with jQuery 1.4.2, while maintaining backwards-compability

The right place for support changed a bit – the mailinglist is no more, replaced by a much cooler forum:

• Please post questions to the official Using jQuery Plugins Forum, tagging your question with (at least) “validate”. Keep your question short and succinct and provide code when possible; a testpage makes it much more likely that you get an useful answer in no time.
• Please post bug reports and other contributions (enhancements, features, eg. new validation methods) to the plugins.jQuery.com bug tracker (requires registration).

Enjoy!

An update for the jQuery validation plugin is available. There are five new localizations (now at 26 in total), including Arabic and Farsi (both right-to-left). Validation of selects is now more interactive, click events are properly handled to provide quicker feedback (also a bug related to selects in IE8 is fixed). The equalTo-method is now aware of changes to the target field, so a change to a password field will be reflected in a confirm-password field. And more…

Download this release.

The only not fully backwards-compatible change (if you spot anything else, please report it as a bug): The dateDE and numberDE methods were replaced with a localization/methods_de.js file, with localized versions of both the date and number methods. There are also localized methods for the NL and PT locales. The goal is to gather more localized versions of these, similar to the localized messages.

The full changelog:

• Added Arabic (AR), Portuguese (PTPT), Persian (FA), Finnish (FI) and Bulgarian (BR) localization
• Updated Swedish (SE) localization (some missing html iso characters)
• Fixed $.validator.addMethod to properly handle empty string vs. undefined for the message argument
• Fixed two accidental global variables
• Enhanced min/max/rangeWords (in additional-methods.js) to strip html before counting; good when counting words in a richtext editor
• Added localized methods for DE, NL and PT, removing the dateDE and numberDE methods (use messages_de.js and methods_de.js with date and number methods instead)
• Fixed remote form submit synchronization, kudos to Matas Petrikas
• Improved interactive select validation, now validating also on click (via option or select, inconsistent across browsers); doesn’t work in Safari, which doesn’t trigger a click event at all on select elements; fixes http://plugins.jquery.com/node/11520
• Updated to latest form plugin (2.36), fixing http://plugins.jquery.com/node/11487
• Bind to blur event for equalTo target to revalidate when that target changes, fixes http://plugins.jquery.com/node/11450
• Simplified select validation, delegating to jQuery’s val() method to get the select value; should fix http://plugins.jquery.com/node/11239
• Fixed default message for digits (http://plugins.jquery.com/node/9853)
• Fixed issue with cached remote message (http://plugins.jquery.com/node/11029 and http://plugins.jquery.com/node/9351)
• Fixed a missing semicolon in additional-methods.js (http://plugins.jquery.com/node/9233)
• Added automatic detection of substitution parameters in messages, removing the need to provide format functions (http://plugins.jquery.com/node/11195)
• Fixed an issue with :filled/:blank somewhat caused by Sizzle (http://plugins.jquery.com/node/11144)
• Added an integer method to additional-methods.js (http://plugins.jquery.com/node/9612)
• Fixed errorsFor method where the for-attribute contains characters that need escaping to be valid inside a selector (http://plugins.jquery.com/node/9611)

As usual, support is available via:

• Please post questions to the jQuery discussion list, putting “(validate)” into the subject of your post, making it easier to spot it and respond quickly. Keep your question short and succinct and provide code when possible; a testpage makes it much more likely that you get an useful answer in no time.
• Please post bug reports and other contributions (enhancements, features, eg. new validation methods) to the plugins.jQuery.com bug tracker (requires registration).

Enjoy!

More details can be found on the new plugin page.

Enjoy!

Probably most notable: The remote method now allows you to specify custom messages! Return JSON “true” for a valid field, false/null/undefined for an invalid field and the default message, or any other value to use as the message.

The full changelog:

• Fixed a bug related to the wrapper-option, where all ancestor-elements that matched the wrapper-option where selected (http://plugins.jquery.com/node/7624)
• Updated multipart demo to use latest jQuery UI accordion
• Added dateNL and time methods to additionalMethods.js
• Added Traditional Chinese (Taiwan, tw) and Kazakhstan (KK) localization
• Moved jQuery.format (fomerly String.format) to jQuery.validator.format, jQuery.format is deprecated and will be removed in 1.6 (see http://code.google.com/p/jquery-utils/issues/detail?id=15 for details)
• Cleaned up messages_pl.js and messages_ptbr.js (still defined messages for max/min/rangeValue, which were removed in 1.4)
• Fixed flawed boolean logic in valid-plugin-method for multiple elements; now all elements need to be valid for a boolean-true result (http://plugins.jquery.com/node/8481)
• Enhancement $.validator.addMethod: An undefined third message-argument won’t overwrite an existing message (http://plugins.jquery.com/node/8443)
• Enhancement to submitHandler option: When used, click events on submit buttons are captured and the submitting button is inserted into the form before calling submitHandler, and removed afterwards; keeps submit buttons intact (http://plugins.jquery.com/node/7183)
• Added option validClass, default “valid”, which adds that class to all valid elements, after validation (http://dev.jquery.com/ticket/2205)
• Added creditcardtypes method to additionalMethods.js, including tests (via http://dev.jquery.com/ticket/3635)
• Improved remote method to allow serverside message as a string, or true for valid, or false for invalid using the clientside defined message (http://dev.jquery.com/ticket/3807)
• Improved accept method to also accept a Drupal-style comma-seperated list of values (http://plugins.jquery.com/node/8580)

As usual, support is available via:

• Please post questions to the jQuery discussion list, putting “(validate)” into the subject of your post, making it easier to spot it and respond quickly. Keep your question short and succinct and provide code when possible; a testpage makes it much more likely that you get an useful answer in no time.
• Please post bug reports and other contributions (enhancements, features, eg. new validation methods) to the plugins.jQuery.com bug tracker (requires registration).

Enjoy!

Update:
Just uploaded a hotfix 1.5.4 release, with a fix for the remote method.

Update II:
Uploaded another release, now at 1.5.5, hopefully the final fix for the remote method: http://plugins.jquery.com/node/8659

An alternative to Lightbox and its various clones, with the sole purpose of displaying images: One or more thumbnails point at the full resolution image, and instead of displaying that image on a new page, its displayed, above an overlay, on the current page.

When a group of anchors with thumbnails is selected, the user can navigate with mouse and keyboard to rotate through the images.

The result is this:

Demo

There’s another demo showing how the widget can resize images that don’t fit into the browser window, as well as customizing animations.

Worth mentioning about the current implementation:

• A “canvas” element is used to render the shadow. This allows a lot of flexibility in terms of positioning, color and size of the shadow; if a browser doesn’t support canvas (IE without excanvas) the shadow simply isn’t rendered
• You can click anywhere to close the viewer, or press Escape
• Cursor keys, mousewheel as well as mouse navigation buttons (previous/next buttons on some models) can be used to rotate through an image gallery
• By using the mousewheel to rotate images, there is no need to emulate fixed positioning or similar hacks, though you need to include the mousewheel plugin
• When the last image is reached, the first is displayed, and the other way round; that way its more obvious that you reached the end of a gallery (“I’ve seen that one already” instead of “Why isn’t anything happening?”)
• A loading indicator is displayed when loading takes more then 250ms. That way you won’t see it most of the time, just in those cases where you’d otherwise wonder if anything is happening at all
• The jQuery UI “drop’” effect is used by default to rotate images in a gallery, giving the slight illusion of a slide-projector, therefore giving the viewer a more natural/human feel
• Images that are too big are resized to fit into the browser window; that also happens when the browser window is resized while the viewer is open
• The markup is very simply, therefore easy to style: There is one element for the overlay (currently buggy in IE6), one container element containing the canvas-shadow element as well as the actual image (by default styled with 15px rounded white borders)

I’d like to hear your feedback! Post a comment here, send me an email, or participate on the planning wiki page.

More details can be found on the new plugin page.

Enjoy!

This plugin extends the jQuery validation plugin, providing two components:

• A function that rates passwords for factors like mixed upper/lower case, mix of characters (digits, special characters), length and similarity to a username (optional).
• A custom method for the validation plugin that uses the rating function to display a password strength meter, requiring the field to have a “good” rating. The text displayed can be localized.

More details can be found on the new plugin page.

Enjoy!

• Fixed messages in additional-methods.js for maxWords, minWords, and rangeWords to include call to $.format
• Fixed value passed to methods to exclude carriage return (r), same as jQuery’s val() does
• Added slovak (sk) localization
• Added demo for intergration with jQuery UI tabs
• Added selects-grouping example to tabs demo (see second tab, birthdate field)

As usual, support is available via:

• Please post questions to the jQuery discussion list, putting [validate] into the subject of your post, making it easier to spot it and respond quickly. Keep your question short and succinct and provide code when possible; a testpage makes it much more likely that you get an useful answer in no time.
• Please post bug reports and other contributions (enhancements, features, eg. new validation methods) to the jQuery bug tracker (requires registration). Please put [validate] into the title of a ticket.

Enjoy!

If you plan to update, make sure to also update the validation plugin to 1.5.1, which provides compability with 1.3 as well as 1.2.6. Other changes include:

• Updated marketo demo to use invalidHandler option instead of binding invalid-form event
• Added TinyMCE integration example
• Added ukrainian (ua) localization
• Fixed length validation to work with trimmed value (regression from 1.5 where general trimming before validation was removed)

As usual, support is available via:

• Please post questions to the jQuery discussion list, putting [validate] into the subject of your post, making it easier to spot it and respond quickly. Keep your question short and succinct and provide code when possible; a testpage makes it much more likely that you get an useful answer in no time.
• Please post bug reports and other contributions (enhancements, features, eg. new validation methods) to the jQuery bug tracker (requires registration). Please put [validate] into the title of a ticket.

Enjoy!