').addClass("formErrorContent").html(promptText).appendTo(prompt);
// create the css arrow pointing at the field
// note that there is no triangle on max-checkbox and radio
if (options.showArrow) {
var arrow = $('
').addClass("formErrorArrow");
//prompt positioning adjustment support. Usage: positionType:Xshift,Yshift (for ex.: bottomLeft:+20 or bottomLeft:-20,+10)
var positionType=field.data("promptPosition") || options.promptPosition;
if (typeof(positionType)=='string') {
if (positionType.indexOf(":")!=-1) {
positionType=positionType.substring(0,positionType.indexOf(":"));
};
};
switch (positionType) {
case "bottomLeft":
case "bottomRight":
prompt.find(".formErrorContent").before(arrow);
arrow.addClass("formErrorArrowBottom").html('
');
break;
case "topLeft":
case "topRight":
arrow.html('
');
prompt.append(arrow);
break;
}
}
if (options.relative) {
// empty relative span does not disturb page layout
// prompt positioned absolute to relative span
// vertical-align:top so position calculations are the same as isOverflown
var outer = $('
').css('position','relative').css('vertical-align','top').addClass('formErrorOuter').append(prompt.css('position','absolute'));
field.before(outer);
} else if (options.isOverflown) {
//Cedric: Needed if a container is in position:relative
// insert prompt in the form or in the overflown container?
field.before(prompt);
} else {
$("body").append(prompt);
}
var pos = methods._calculatePosition(field, prompt, options);
prompt.css({
"top": pos.callerTopPosition,
"left": pos.callerleftPosition,
"marginTop": pos.marginTopSize,
"opacity": 0
}).data("callerField", field);
return prompt.animate({
"opacity": 0.87
});
},
/**
* Updates the prompt text field - the field for which the prompt
* @param {jqObject} field
* @param {String} promptText html text to display type
* @param {String} type the type of bubble: 'pass' (green), 'load' (black) anything else (red)
* @param {boolean} ajaxed - use to mark fields than being validated with ajax
* @param {Map} options user options
*/
_updatePrompt: function(field, prompt, promptText, type, ajaxed, options, noAnimation) {
if (prompt) {
if (typeof type !== "undefined") {
if (type == "pass")
prompt.addClass("greenPopup");
else
prompt.removeClass("greenPopup");
if (type == "load")
prompt.addClass("blackPopup");
else
prompt.removeClass("blackPopup");
}
if (ajaxed)
prompt.addClass("ajaxed");
else
prompt.removeClass("ajaxed");
prompt.find(".formErrorContent").html(promptText);
var pos = methods._calculatePosition(field, prompt, options);
css = {"top": pos.callerTopPosition,
"left": pos.callerleftPosition,
"marginTop": pos.marginTopSize};
if (noAnimation)
prompt.css(css);
else
prompt.animate(css)
}
},
/**
* Closes the prompt associated with the given field
*
* @param {jqObject}
* field
*/
_closePrompt: function(field) {
var prompt = methods._getPrompt(field);
if (prompt)
prompt.fadeTo("fast", 0, function() {
prompt.parent('.formErrorOuter').remove();
prompt.remove();
});
},
closePrompt: function(field) {
return methods._closePrompt(field);
},
/**
* Returns the error prompt matching the field if any
*
* @param {jqObject}
* field
* @return undefined or the error prompt (jqObject)
*/
_getPrompt: function(field) {
var className = methods._getClassName(field.attr("id")) + "formError";
var match = $("." + methods._escapeExpression(className))[0];
if (match)
return $(match);
},
/**
* Returns the escapade classname
*
* @param {selector}
* className
*/
_escapeExpression: function (selector) {
return selector.replace(/([#;&,\.\+\*\~':"\!\^$\[\]\(\)=>\|])/g, "\\$1");
},
/**
* returns true if we are in a RTLed document
*
* @param {jqObject} field
*/
isRTL: function(field)
{
var $document = $(document);
var $body = $('body');
var rtl =
(field && field.hasClass('rtl')) ||
(field && (field.attr('dir') || '').toLowerCase()==='rtl') ||
$document.hasClass('rtl') ||
($document.attr('dir') || '').toLowerCase()==='rtl' ||
$body.hasClass('rtl') ||
($body.attr('dir') || '').toLowerCase()==='rtl';
return Boolean(rtl);
},
/**
* Calculates prompt position
*
* @param {jqObject}
* field
* @param {jqObject}
* the prompt
* @param {Map}
* options
* @return positions
*/
_calculatePosition: function (field, promptElmt, options) {
var promptTopPosition, promptleftPosition, marginTopSize;
var fieldWidth = field.width();
var promptHeight = promptElmt.height();
var overflow = options.isOverflown || options.relative;
if (overflow) {
// is the form contained in an overflown container?
promptTopPosition = promptleftPosition = 0;
// compensation for the arrow
marginTopSize = -promptHeight;
} else {
var offset = field.offset();
promptTopPosition = offset.top;
promptleftPosition = offset.left;
marginTopSize = 0;
}
//prompt positioning adjustment support
//now you can adjust prompt position
//usage: positionType:Xshift,Yshift
//for example:
// bottomLeft:+20 means bottomLeft position shifted by 20 pixels right horizontally
// topRight:20, -15 means topRight position shifted by 20 pixels to right and 15 pixels to top
//You can use +pixels, - pixels. If no sign is provided than + is default.
var positionType=field.data("promptPosition") || options.promptPosition;
var shift1="";
var shift2="";
var shiftX=0;
var shiftY=0;
if (typeof(positionType)=='string') {
//do we have any position adjustments ?
if (positionType.indexOf(":")!=-1) {
shift1=positionType.substring(positionType.indexOf(":")+1);
positionType=positionType.substring(0,positionType.indexOf(":"));
//if any advanced positioning will be needed (percents or something else) - parser should be added here
//for now we use simple parseInt()
//do we have second parameter?
if (shift1.indexOf(",")!=-1) {
shift2=shift1.substring(shift1.indexOf(",")+1);
shift1=shift1.substring(0,shift1.indexOf(","));
shiftY=parseInt(shift2);
if (isNaN(shiftY)) {shiftY=0;};
};
shiftX=parseInt(shift1);
if (isNaN(shift1)) {shift1=0;};
};
};
if(!methods.isRTL(field))
{
switch (positionType) {
default:
case "topRight":
if (overflow)
// Is the form contained in an overflown container?
promptleftPosition += fieldWidth - 30;
else {
promptleftPosition += fieldWidth - 30;
promptTopPosition += -promptHeight -2;
}
break;
case "topLeft":
promptTopPosition += -promptHeight - 10;
break;
case "centerRight":
if (overflow) {
promptTopPosition=field.outerHeight();
promptleftPosition=field.outerWidth(1)+5;
} else {
promptleftPosition+=field.outerWidth()+5;
}
break;
case "centerLeft":
promptleftPosition -= promptElmt.width() + 2;
break;
case "bottomLeft":
promptTopPosition = promptTopPosition + field.height() + 15;
break;
case "bottomRight":
promptleftPosition += fieldWidth - 30;
promptTopPosition += field.height() + 5;
}
}
else
{
switch (positionType) {
default:
case "topLeft":
if (overflow)
// Is the form contained in an overflown container?
promptleftPosition -= promptElmt.width() - 30;
else {
promptleftPosition -= promptElmt.width() - 30;
promptTopPosition += -promptHeight -2;
}
break;
case "topRight":
if (overflow)
// Is the form contained in an overflown container?
promptleftPosition += fieldWidth - promptElmt.width();
else {
promptleftPosition += fieldWidth - promptElmt.width();
promptTopPosition += -promptHeight -2;
}
break;
case "centerRight":
if (overflow) {
promptTopPosition=field.outerHeight();
promptleftPosition=field.outerWidth(1)+5;
} else {
promptleftPosition+=field.outerWidth()+5;
}
break;
case "centerLeft":
promptleftPosition -= promptElmt.width() + 2;
break;
case "bottomLeft":
promptleftPosition += -promptElmt.width() + 30;
promptTopPosition = promptTopPosition + field.height() + 15;
break;
case "bottomRight":
promptleftPosition += fieldWidth - promptElmt.width();
promptTopPosition += field.height() + 15;
}
}
//apply adjusments if any
promptleftPosition += shiftX;
promptTopPosition += shiftY;
return {
"callerTopPosition": promptTopPosition + "px",
"callerleftPosition": promptleftPosition + "px",
"marginTopSize": marginTopSize + "px"
};
},
/**
* Saves the user options and variables in the form.data
*
* @param {jqObject}
* form - the form where the user option should be saved
* @param {Map}
* options - the user options
* @return the user options (extended from the defaults)
*/
_saveOptions: function(form, options) {
// is there a language localisation ?
if ($.validationEngineLanguage)
var allRules = $.validationEngineLanguage.allRules;
else
$.error("jQuery.validationEngine rules are not loaded, plz add localization files to the page");
// --- Internals DO NOT TOUCH or OVERLOAD ---
// validation rules and i18
$.validationEngine.defaults.allrules = allRules;
var userOptions = $.extend(true,{},$.validationEngine.defaults,options);
// Needed to be retro compatible
if (userOptions.isOverflown) userOptions.relative = true;
if (userOptions.relative) userOptions.isOverflown = true;
form.data('jqv', userOptions);
return userOptions;
},
/**
* Removes forbidden characters from class name
* @param {String} className
*/
_getClassName: function(className) {
if(className) {
return className.replace(/:/g, "_").replace(/\./g, "_");
}
}
};
/**
* Plugin entry point.
* You may pass an action as a parameter or a list of options.
* if none, the init and attach methods are being called.
* Remember: if you pass options, the attached method is NOT called automatically
*
* @param {String}
* method (optional) action
*/
$.fn.validationEngine = function(method) {
var form = $(this);
if(!form[0]) return false; // stop here if the form does not exist
if (typeof(method) == 'string' && method.charAt(0) != '_' && methods[method]) {
// make sure init is called once
if(method != "showPrompt" && method != "hidePrompt" && method != "hide" && method != "hideAll")
methods.init.apply(form);
return methods[method].apply(form, Array.prototype.slice.call(arguments, 1));
} else if (typeof method == 'object' || !method) {
// default constructor with or without arguments
methods.init.apply(form, arguments);
return methods.attach.apply(form);
} else {
$.error('Method ' + method + ' does not exist in jQuery.validationEngine');
}
};
// LEAK GLOBAL OPTIONS
$.validationEngine= {defaults:{
// Name of the event triggering field validation
validationEventTrigger: "blur",
// Automatically scroll viewport to the first error
scroll: true,
// Focus on the first input
focusFirstField:true,
// Opening box position, possible locations are: topLeft,
// topRight, bottomLeft, centerRight, bottomRight
promptPosition: "topRight",
bindMethod:"bind",
// internal, automatically set to true when it parse a _ajax rule
inlineAjax: false,
// if set to true, the form data is sent asynchronously via ajax to the form.action url (get)
ajaxFormValidation: false,
// Ajax form validation callback method: boolean onComplete(form, status, errors, options)
// retuns false if the form.submit event needs to be canceled.
ajaxFormValidationURL: false,
// The url to send the submit ajax validation (default to action)
onAjaxFormComplete: $.noop,
// called right before the ajax call, may return false to cancel
onBeforeAjaxFormValidation: $.noop,
// Stops form from submitting and execute function assiciated with it
onValidationComplete: false,
// better relative positioning
relative: false,
// Used when the form is displayed within a scrolling DIV
isOverflown: false,
overflownDIV: "",
// Used when you have a form fields too close and the errors messages are on top of other disturbing viewing messages
doNotShowAllErrosOnSubmit: false,
// true when form and fields are binded
binded: false,
// set to true, when the prompt arrow needs to be displayed
showArrow: true,
// did one of the validation fail ? kept global to stop further ajax validations
isError: false,
// Caches field validation status, typically only bad status are created.
// the array is used during ajax form validation to detect issues early and prevent an expensive submit
ajaxValidCache: {},
// Auto update prompt position after window resize
autoPositionUpdate: false,
InvalidFields: [],
onSuccess: false,
onFailure: false
}};
$(function(){$.validationEngine.defaults.promptPosition = methods.isRTL()?'topLeft':"topRight"});
/* END - jquery.validationEngine.js content */
// This method is called right before the ajax form validation request
// it is typically used to setup some visuals ("Please wait...");
// you may return a false to stop the request
function beforeCall(form, options){
if (window.console)
console.log("Right before the AJAX form validation call");
return true;
}
// Called once the server replies to the ajax form validation request
function ajaxValidationCallback(status, form, json, options){
if (window.console)
console.log(status);
if (status === true) {
if(json["right"] == '1'){
$('#tcoyd-submit').attr('value', 'Thank you.');
if(json["message"]){
confirm_lightbox(json["message"]);
}
setTimeout("jQuery('#popup_domination_lightbox_wrapper').hide().fadeOut('fast');",1000);
}else{
$('#tcoyd-submit').attr('value', 'Error');
//alert(json["message"]);
confirm_lightbox(json["message"], function () {});
//$('#tcoyd-submit').attr("disabled", false);
setTimeout("jQuery('#tcoyd-submit').attr('value', jQuery('#tcoyd-submit').attr('title'));//$('#tcoyd-submit').attr('disabled', false);",1000);
}
// uncomment these lines to submit the form to form.action
// form.validationEngine('detach');
// form.submit();
// or you may use AJAX again to submit the data
}else{
$('#tcoyd-submit').attr('value', 'Error');
//$('#tcoyd-submit').attr("disabled", false);
setTimeout("jQuery('#tcoyd-submit').attr('value', jQuery('#tcoyd-submit').attr('title'));//$('#tcoyd-submit').attr('disabled', false);",1000);
}
}
function validationCompleteCallback(form, status){
if (status === true) {
$('#tcoyd-submit').attr('title',$('#tcoyd-submit').attr('value'));
$('#tcoyd-submit').attr('value', 'Sending...');
//$('#tcoyd-submit').attr('disabled', true);
}else{
$('#tcoyd-submit').attr('value', $('#tcoyd-submit').attr('title'));
//$('#tcoyd-submit').attr('disabled', false);
}
}
$(document).ready(function(){
$("#pd-form").validationEngine({
scroll:false,
autoPositionUpdate:true,
ajaxFormValidation: true,
onValidationComplete: validationCompleteCallback,
onAjaxFormComplete: ajaxValidationCallback
});
$('#tcoyd-submit').click(function() {
$(this).attr('title',$(this).attr('value'));
$(this).attr('value', 'Sending...');
//$(this).attr('disabled', true);
});
});
};
addLoadListener(function () {
if (typeof jQuery == 'undefined') {
load_jquery();
} else {
if(jQuery.fn.jquery < '1.6.1'){
load_jquery();
} else {
init(jQuery);
}
}
});
})();