craigsworks.com - Support Forum

Full Version: [Solved] qTip and jQuery Validation
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I'm good at implementing scripts when I have examples, but struggle when I need to integrate multiple scripts, which leads me to the following question.

Is there some sample code that integrates jQuery's validation and qTip.

Here's the functionality i'm looking to achieve:

When an validation error is returned I want to eliminate the validation text that falls beneath the input field and replace that with a qTip. This qTip will be a different color and will display the error message rather than the standard qTip that is used for the tooltip. I would also like to return a different class for the input field focus.

Here is my working form, this should give you a visual on what I'm attempting to accomplish. The email field has the working validation.

http://www.viceroydesigns.com/CurveNorth/MerchantFLO/

Any help would be greatly appreciated.
The new 2.0 releases are well suited for this, and have a demo up showing this in action:

Demo: http://craigsworks.com/projects/qtip_new...validation
Source: http://craigsworks.com/projects/qtip_new...ion?source
I made an implementation with v1.0 you can check it out here :

http://djpate.com/2010/11/16/using-jquer...-tooltips/
Reference URL's