We merged the changes from my earlier post, and added a few others.

New in Version 1.1

• Admin menu to change elements! (developed by Jeremy Boyd)
• jQuery Masonry Comments (developed by Jeremy Boyd)
• Smarter truncation of text in sidebar
• Style for WordPress links (Blogroll)

Coming in Version 1.2

• Alternative colour schemes
• Navigation for sub-pages
• New design features
• Improved CSS

If you have any issues, just post a comment here or at Handglove’s Preview Blog.

Validating a form is always my least favorite thing to do.  Call me simple, but I’d much rather eat grass than validate user input.  BUT it is inevitable.

That is why I spent a day writing a form validation script that you can just drop in, make a couple changes to your form and have a beautiful client side validation script.

Note: This is client side validation, not server side.  YOU STILL NEED TO VALIDATE ALL INPUT ON THE SERVER!

Validation Types

• Required Field
• Date
• Email
• Numeric
• Conditional

Sample Usage

<form id="form1" action="/sample.php" onsubmit="jabValidateForm('sample_form')">

    <label id="lblEmail" for="txtEmail">Email Address</label>

    <input id="txtEmail" type="text" validate="true" vgroup="sample_form" validationType="required email" 

        errElem="lblEmail" friendlyName="Email Address" />

    <input id="btnSubmit" type="submit" value="Submit" />

</form>

When this form is submitted by clicking on “btnSubmit”, jabValidateForm() will loop through the elements that have the attribute “validate” set to “true”.  The script first checks to see if the control is required, the will evaluate it against the email validation regular expression.

Requirements

I have not tested this script in any version of JQuery other than version 1.2.9. So as of right now, version 1.2.9 is required.

Another must have is ThickBox.  I know it isn’t supported any longer, and there are better light boxes, but this one was my favorite at the time I coded this.

Who is Using It

A few notable websites are using this script, and from my email, I believe a few more will be soon.

• Related Companies (www.related.com)
  • The version Related Companies uses is a version I had to modify to fit their light box needs.
• Crimeweb (www.crimeweb.net)
  • Not used on their main site, but one of their products ships with a modified version of the Validator.

Download JQuery Validator

This script is provided free of charge, and without warranty.  All I ask in return of you using this script is to let your friends and family know, and keep software the way it should be free!

JQuery Validator

You must then make a reference to the css file, or place the css in your page “<link href="styles/selectzor.css" type="text/css" rel="stylesheet" />”

Note: Selectzor requires JQuery 1.2+

Initial Release

Selectzor – The Stylized Select Box 1.0.1

To download click the link below.

Selectzor – Download Now!

Future Plans

• Plugin-ify it.  Currently it just replaces everything that has the class of “selectzor”.
• Work on ie6 compatibility.
• Check compatibility with newer JQuery libraries.