I wanted to say, “Nice job”. It lives up to your requirements of being fast to implementation and I love the bubbles instead of pushing elements around a layout.

I did however need to add a function to reposition the prompts. I’m using the jquery ui layout plugin and when panes are opened, closed, shown, hidden or a pane is scrolled the validation prompts would not move, but stay stationary. Not good as you can imagine. I needed a function which I could call when resizing or scrolling occurred in the layout. Below is the function I added just in case your interested in implementing some form of it.

repositionPrompt : function(caller) { // Reposition Prompts
var divFormError = $(“div.”+$(caller).attr(“id”) + “formError”);
callerTopPosition = $(caller).offset().top;
callerleftPosition = $(caller).offset().left;
callerWidth = $(caller).width();
inputHeight = $(divFormError).height();

/* POSITIONNING */
if($.validationEngine.settings.promptPosition === “topRight”){
callerleftPosition += callerWidth -30;
callerTopPosition += -inputHeight -10;
}
if($.validationEngine.settings.promptPosition === “topLeft”){
callerTopPosition += -inputHeight -10;
}

if($.validationEngine.settings.promptPosition === “centerRight”){
callerleftPosition += callerWidth +13;
}

if($.validationEngine.settings.promptPosition === “bottomLeft”){
callerHeight = $(caller).height();
callerleftPosition = callerleftPosition;
callerTopPosition = callerTopPosition + callerHeight + 15;
}
if($.validationEngine.settings.promptPosition === “bottomRight”){
callerHeight = $(caller).height();
callerleftPosition += callerWidth -30;
callerTopPosition += callerHeight + 15;
}
$(divFormError).css({
top:callerTopPosition,
left:callerleftPosition
});
return true;
},

Thanks for a great plugin.

Saludos desde Colombia

Feel free to contact me:
http://www.seangw.com/wordpress/