var RSFormProCalendars = {};
var RSFormProPrices = {};
var ajaxExtraValidationScript = {};
var RSClickedSubmitElement = false;
if (typeof RSFormPro != 'object') {
var RSFormPro = {};
}
RSFormPro.Forms = {};
RSFormPro.Editors = {};
RSFormPro.scrollToError = false;
RSFormPro.usePositioning = false;
/* Handle HTML5 form fields validation for the forms without AjaxValidation enabled */
RSFormPro.setHTML5Validation = function (formId, isDisabledSubmit, errorClasses, totalPages) {
var parentErrorClass = errorClasses.parent;
var fieldErrorClass = errorClasses.field;
var submitElement = RSFormPro.getElementByType(formId, 'submit');
var i, j;
for (i = 0; i < submitElement.length; i++) {
if (RSFormProUtils.hasClass(submitElement[i],'rsform-submit-button')) {
RSFormProUtils.addEvent(submitElement[i], 'click', (function (event) {
errorElements = RSFormPro.HTML5.validation(formId);
if (errorElements.length) {
var errorPagesFound = [];
for (j = 0; j < errorElements.length; j++) {
RSFormProUtils.addClass(errorElements[j], 'rsform-error');
if (document.getElementById('component' + errorElements[j].componentId)) {
document.getElementById('component' + errorElements[j].componentId).className = 'formError';
}
if (parentErrorClass) {
try {
var block = RSFormPro.getBlock(formId, RSFormProUtils.getAlias(errorElements[j].field.getAttribute('id')));
RSFormProUtils.addClass(block[0], parentErrorClass);
} catch (err) {}
}
if (totalPages > 0) {
errorPagesFound.push(errorElements[j].page);
}
}
if (totalPages > 0 && errorPagesFound.length) {
var firstErrorPage = Math.min.apply(null, errorPagesFound);
RSFormPro.Pages.change(formId, firstErrorPage, totalPages, false, errorClasses)
}
if (RSFormPro.scrollToError){
RSFormPro.gotoErrorElement(formId);
}
if (isDisabledSubmit) {
for (j = 0; j < submitElement.length; j++) {
submitElement[j].disabled = false;
}
}
event.preventDefault();
} else {
if (isDisabledSubmit) {
// if the submit button or any other element has the id submit the form.submit() function is overwritten
if (typeof this.form.submit != 'function') {
document.createElement('form').submit.call(this.form)
} else {
this.form.submit();
}
}
}
}));
}
}
};
/* Disable the submit button when form is submitted functions */
RSFormPro.setDisabledSubmit = function(formId, ajaxValidation){
if (!ajaxValidation) {
var i, j;
var submitElement = RSFormPro.getElementByType(formId, 'submit');
for (i = 0; i < submitElement.length; i++) {
if (RSFormProUtils.hasClass(submitElement[i],'rsform-submit-button')) {
RSFormProUtils.addEvent(submitElement[i],'click', (function(event) {
for (j = 0; j < submitElement.length; j++) {
submitElement[j].disabled = true;
}
}));
}
}
}
};
/* Thank You Message in Popup Window functions */
RSFormPro.showThankYouPopup = function (thankYouContainer){
var content = thankYouContainer.innerHTML;
var gotoUrl = thankYouContainer.querySelector('#rsfp-thankyou-popup-return-link').value;
// remove the html part from the layout
thankYouContainer.parentNode.removeChild( thankYouContainer );
document.body.className = document.body.className+' rsfp_popup_activated';
document.body.innerHTML += '
';
var popupWindowHeight = document.getElementById('rsfp_thankyou_popup_inner').offsetHeight;
var windowHeight = window.innerHeight;
var marginTop = (windowHeight - popupWindowHeight) / 2;
document.getElementById('rsfp_thankyou_popup_inner').style.marginTop = marginTop+'px';
};
RSFormPro.accessLink = function(event,link) {
var clickedElementClass = event.target.className;
if (clickedElementClass == 'rsfp_thankyou_popup_outer' || clickedElementClass == 'rsfp_thankou_popup_close_btn') {
if (link.length > 0) {
document.location = link;
} else {
document.location.reload();
}
}
};
/* Scroll to first error element */
RSFormPro.gotoErrorElement = function(formId){
var form = RSFormPro.getForm(formId);
var errorElements = form.getElementsByClassName('formError');
if (errorElements.length) {
var block = RSFormPro.findAncestor(errorElements[0], 'rsform-block');
if (block) {
RSFormPro.scrollToElement(block);
} else {
RSFormPro.scrollToElement(errorElements[0]);
}
}
};
RSFormPro.findAncestor = function(el, cls){
while(el = el.parentElement) {
var elementClasses = el.className;
elementClasses = elementClasses.split(' ');
if (elementClasses.indexOf(cls) >= 0) {
return el;
}
}
return false;
};
/* ScrollTo functions */
RSFormPro.scrollToElement = function(element){
var to = element.offsetTop;
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
var documentView = window.innerHeight + scrollTop;
// this is more specific for the modern browsers
if (typeof element.getBoundingClientRect == 'function') {
to = element.getBoundingClientRect().top + scrollTop;
}
if (to < scrollTop || to > documentView) {
RSFormPro.scrollTo(to, 300);
}
};
RSFormPro.scrollTo = function(to, duration) {
if (duration <= 0) return;
var elementScrollTop = window.pageYOffset ? window.pageYOffset : document.documentElement.scrollTop;
var difference = to - elementScrollTop;
var perTick = difference / duration * 10;
setTimeout(function() {
var limitControl;
limitControl = window.pageYOffset ? window.pageYOffset : document.documentElement.scrollTop;
limitControl = limitControl + perTick;
window.scrollTo(0, limitControl);
// if the element has been reached or the scroll is at the bottom of the page no need to continue
if (limitControl == to) return;
RSFormPro.scrollTo(to, duration - 10);
}, 10);
};
/* Field specific functions */
RSFormPro.refreshCaptcha = function(componentId, captchaPath) {
if (!captchaPath) {
captchaPath = 'index.php?option=com_rsform&task=captcha&format=image&componentId=' + componentId;
}
document.getElementById('captcha' + componentId).src = captchaPath + '&' + Math.random();
document.getElementById('captchaTxt' + componentId).value = '';
document.getElementById('captchaTxt' + componentId).focus();
};
RSFormPro.initGeoLocation = function(term, id, mapid, map, marker, geocoder, type) {
var content = document.getElementById('rsform_geolocation'+id);
var address = document.getElementById(mapid).clientWidth;
document.getElementById('rsform_geolocation'+id).style.width = address+'px';
document.getElementById('rsform_geolocation'+id).style.display = 'none';
document.getElementById('rsform_geolocation'+id).innerHTML = '';
if (term != '') {
geocoder.geocode( {'address': term }, function(results, status) {
if (status == 'OK') {
for (var i=0; i= 28; day--) {
index = day - 1;
if (document.getElementById(fieldName + 'd').options[0].value == '') {
index++;
}
if (document.getElementById(fieldName + 'd').options[index].disabled == false) {
document.getElementById(fieldName + 'd').value = day;
break;
}
}
}
};
/* Number functions */
RSFormPro.formatNumber = function(number, decimals, dec_point, thousands_sep) {
var n = number, prec = decimals;
n = !isFinite(+n) ? 0 : +n;
prec = !isFinite(+prec) ? 0 : Math.abs(prec);
var sep = (typeof thousands_sep == "undefined") ? ',' : thousands_sep;
var dec = (typeof dec_point == "undefined") ? '.' : dec_point;
var s = (prec > 0) ? n.toFixed(prec) : Math.round(n).toFixed(prec); //fix for IE parseFloat(0.55).toFixed(0) = 0;
var abs = Math.abs(n).toFixed(prec);
var _, i;
if (abs >= 1000) {
_ = abs.split(/\D/);
i = _[0].length % 3 || 3;
_[0] = s.slice(0,i + (n < 0)) +
_[0].slice(i).replace(/(\d{3})/g, sep+'$1');
s = _.join(dec);
} else {
s = s.replace('.', dec);
}
return s;
};
RSFormPro.toNumber = function(number, decimal, thousands, decimals) {
// Remove decimals first
if (parseInt(decimals) > 0 && number.lastIndexOf(decimal) > -1) {
var index = number.lastIndexOf(decimal);
number = number.substring(0, index) + 'DECIMALS' + number.substring(index + 1);
}
// Remove thousands separator
if (number.indexOf(thousands) > -1) {
number = number.split(thousands).join('');
}
number = number.split('DECIMALS').join('.');
return parseFloat(number);
};
/* Form and element functions */
RSFormPro.getForm = function(formId) {
if (typeof RSFormPro.Forms[formId] == 'undefined') {
var formIds = document.getElementsByName('form[formId]');
for (var i=0; i -1) {
var suffix = element.id.replace('txtcal', '');
if (document.getElementById('btn' + suffix))
{
results.push(document.getElementById('btn' + suffix));
}
}
// for labels (radio, checkbox)
var labels = form.getElementsByTagName('label');
for (var l=0; l 0)
{
result = current + '/' + element.maxLength;
}
else
{
result = current;
}
document.getElementById('rsfp-counter-' + id).innerText = result;
};
RSFormPro.limitSelections = function(formId, field, max) {
RSFormProUtils.addEvent(window, 'load', function() {
var fields = RSFormPro.getFieldsByName(formId, field);
var objects = [];
var i;
var tagName;
if (!fields || !fields.length) {
return;
}
for (i = 0; i < fields.length; i++) {
tagName = fields[i].tagName || fields[i].nodeName;
tagName = tagName.toUpperCase();
if (tagName === 'INPUT' && fields[i].type && fields[i].type.toUpperCase() === 'CHECKBOX' && !fields[i].disabled) {
objects.push(fields[i]);
}
}
if (!objects.length) {
return;
}
function limitSelections() {
var values = RSFormProUtils.getChecked(objects);
RSFormProUtils.remAttr(objects, 'disabled');
if (values && values.length > 0 && values.length >= max) {
RSFormProUtils.setAttr(RSFormProUtils.getUnchecked(objects), 'disabled', true);
}
}
for (i = 0; i < objects.length; i++) {
RSFormProUtils.addEvent(objects[i], 'change', limitSelections);
}
limitSelections();
});
};
/*HTML5 simulators*/
RSFormPro.HTML5 = {
validation: function(formId){
var form = RSFormPro.getForm(formId);
var errorElements = [];
var html5types = ['number', 'email', 'range', 'url', 'tel'];
var checkValidityExists = true;
var page = 0;
if (form.elements.length) {
for (i=0; i= 0){
var countCommas = 0;
var pos = onclick.indexOf(',');
while (pos > -1) {
++countCommas;
pos = onclick.indexOf(',', ++pos);
}
if (countCommas > 2) {
page++;
}
}
}
if (html5types.indexOf(form.elements[i].type) >= 0) {
if ( typeof(form.elements[i].checkValidity) == "function" && checkValidityExists) {
if (!form.elements[i].checkValidity()) {
var elementObj = {
field: form.elements[i],
page: page
};
// try to get the componentId
var componentId = RSFormPro.HTML5.getComponentId(formId, form.elements[i].getAttribute('id'));
if (componentId) {
elementObj.componentId = componentId;
}
errorElements.push(elementObj);
}
} else {
checkValidityExists = false;
}
}
}
}
return errorElements;
},
componentIds: {},
getComponentId: function(formId, elementAlias) {
if (typeof RSFormPro.HTML5.componentIds[formId] == 'undefined') {
RSFormPro.HTML5.componentIds[formId] = {};
}
if (typeof RSFormPro.HTML5.componentIds[formId][elementAlias] == 'undefined') {
var block = RSFormPro.getBlock(formId, RSFormProUtils.getAlias(elementAlias));
var componentIdBlock = RSFormProUtils.getElementsByClassName('formNoError', 'span', block[0]);
if (componentIdBlock.length) {
var componentId = componentIdBlock[0].getAttribute('id');
RSFormPro.HTML5.componentIds[formId][elementAlias] = componentId.replace('component', '');
} else {
RSFormPro.HTML5.componentIds[formId][elementAlias] = false;
}
}
return RSFormPro.HTML5.componentIds[formId][elementAlias];
}
};
/* Pagination functions */
RSFormPro.Pages = {
change: function(formId, page, totalPages, validate, errorClasses) {
// callback functions if next page is clicked
var direction = RSFormPro.Pages.checkDirection(formId, page);
if (direction == 'next') {
RSFormPro.callbacks.runCallback(formId, 'nextPage');
}
RSFormPro.callbacks.runCallback(formId, 'changePage');
var thePage;
if (validate) {
var form = RSFormPro.getForm(formId);
if (!RSFormPro.Ajax.validate(form, page, errorClasses, totalPages)) {
return false;
}
}
for (var i = 0; i <= totalPages; i++) {
thePage = document.getElementById('rsform_' + formId + '_page_' + i);
if (thePage) {
rsfp_hidePage(thePage);
}
}
thePage = document.getElementById('rsform_' + formId + '_page_' + page);
if (thePage) {
rsfp_showPage(thePage);
try {
var func = window["rsfp_showProgress_" + formId];
if (typeof func == "function") {
func(page);
}
}
catch (err) {}
}
},
hide: function(thePage) {
RSFormProUtils.addClass(thePage, 'formHidden');
},
show: function(thePage) {
RSFormProUtils.removeClass(thePage, 'formHidden');
},
checkDirection : function(formId, page) {
var base = RSFormPro.Pages;
if (typeof base.history[formId] == 'undefined') {
base.history[formId] = page;
return 'next';
} else {
var direction;
if (base.history[formId] <= page ) {
direction = 'next';
} else {
direction = 'prev';
}
base.history[formId] = page;
return direction;
}
},
history: {}
};
/* Condition functions */
RSFormPro.Conditions = {
add: function(formId, name, fnCondition) {
var form = RSFormPro.getForm(formId);
if (typeof form != 'undefined') {
for (var i = 0; i < form.elements.length; i++) {
var element = form.elements[i];
if (element.name && (element.name == 'form[' + name + ']' || element.name == 'form[' + name + '][]')) {
RSFormProUtils.addEvent(element, 'change', function() {
fnCondition();
});
}
}
}
},
run: function(condition) {
var formId = condition.form_id,
conditions = [],
items = [],
detail, isChecked, displayValue, match;
if (typeof condition.details === 'object')
{
for (var i = 0; i < condition.details.length; i++)
{
detail = condition.details[i];
isChecked = RSFormPro.isChecked(formId, detail.ComponentName, detail.value);
conditions.push(isChecked === (detail.operator === 'is'));
}
if (parseInt(condition.block) === 1)
{
items = RSFormPro.getBlock(formId, RSFormProUtils.getAlias(condition.ComponentName));
}
else
{
items = RSFormPro.getFieldsByName(formId, condition.ComponentName);
}
if (items.length > 0)
{
if (condition.condition === 'all')
{
// && conditions need all elements of the Array to be true -> no false in Array
match = conditions.indexOf(false) === -1;
}
else
{
// || conditions need only one element to be true -> one true in array
match = conditions.indexOf(true) > -1;
}
if (match)
{
displayValue = condition.action === 'show' ? '' : 'none';
}
else
{
displayValue = condition.action === 'show' ? 'none' : '';
}
RSFormProUtils.setDisplay(items, displayValue);
if (displayValue === 'none')
{
RSFormPro.resetValues(RSFormPro.getFieldsByName(formId, condition.ComponentName));
}
}
}
},
runAll: function(formId) {
var func = window["rsfp_runAllConditions" + formId];
if (typeof func == "function") {
func();
}
},
addReset: function(formId) {
var resetElements = RSFormPro.getElementByType(formId, 'reset');
if (resetElements.length > 0)
{
for (var i = 0; i < resetElements.length; i++)
{
RSFormProUtils.addEvent(resetElements[i], 'click', function() {
window.setTimeout(function() {
RSFormPro.Conditions.runAll(formId);
}, 1);
});
}
}
},
delayRun: function(formId) {
var func = window["rsfp_runAllConditions" + formId];
if (typeof func == "function") {
RSFormProUtils.addEvent(window, 'load', func);
}
}
};
/* Calculation functions */
RSFormPro.Calculations = {
toDays: function(seconds) {
return Math.round(parseFloat(seconds) / 86400);
},
toHours: function(seconds) {
return Math.round(parseFloat(seconds) / 86400 * 24);
},
addEvents: function(formId, fields) {
RSFormProUtils.addEvent(window, 'load', function(){
RSFormPro.Calculations._addEvents(formId, fields);
});
},
_addEvents: function(formId, fields) {
var func = window["rsfp_Calculations" + formId];
var thefields = fields ? fields : RSFormProPrices;
var event = 'change';
var resetElements = RSFormPro.getElementByType(formId, 'reset');
if (resetElements.length > 0)
{
for (var i = 0; i < resetElements.length; i++)
{
RSFormProUtils.addEvent(resetElements[i], 'click', function() {
if (typeof func == "function") {
window.setTimeout(func, 1);
}
});
}
}
for (var field in thefields) {
if (!thefields.hasOwnProperty(field)) {
continue;
}
field = field.replace(formId+'_','');
objects = RSFormPro.getFieldsByName(formId,field);
for(i = 0; i < objects.length;i++) {
tagName = objects[i].tagName || objects[i].nodeName;
if (tagName == 'INPUT' || tagName == 'SELECT') {
event = 'change';
if (tagName == 'INPUT' && typeof objects[i].type == 'string') {
switch (objects[i].type.toUpperCase())
{
default:
event = 'change';
break;
case 'NUMBER':
case 'TEXT':
event = 'input';
if (typeof RSFormPro.jQueryCalendar != 'undefined' &&
typeof RSFormPro.jQueryCalendar.calendars[formId] != 'undefined' &&
typeof RSFormPro.jQueryCalendar.calendars[formId][field] != 'undefined')
{
RSFormPro.jQueryCalendar.calendars[formId][field].calendarInstance.setOptions({onChangeDateTime: function() {
if (typeof func == "function") {
func();
}
}});
}
if (typeof RSFormPro.YUICalendar != 'undefined' &&
typeof RSFormPro.YUICalendar.calendars[formId] != 'undefined' &&
typeof RSFormPro.YUICalendar.calendars[formId][field] != 'undefined')
{
RSFormPro.YUICalendar.calendars[formId][field].selectEvent.subscribe(function() {
if (typeof func == "function") {
func();
}
}, RSFormPro.YUICalendar.calendars[formId][field], true);
}
break;
}
}
RSFormProUtils.addEvent(objects[i], event, function() {
if (typeof func == "function") {
func();
}
});
}
}
}
}
};
/* AJAX functions */
RSFormPro.Ajax = {
Wait: false,
URL: false,
Params: {},
getParamsObject: function() {
return {
vars: [],
push: function(str) {
return this.vars.push(str);
},
indexOf: function(str) {
return this.vars.join('&').indexOf(str);
},
replace: function(r, w) {
this.vars = this.vars.join('&').replace(r, w).split('&');
return this.vars.join('&');
},
toString: function() {
return this.vars.join('&');
}
};
},
getXHR: function() {
try {
return new window.XMLHttpRequest();
} catch ( e ) {}
},
getXHRLegacy: function() {
return {
send: function(data)
{
if (data === RSFormPro.Ajax.Params)
{
data = data.toString();
}
return RSFormPro.Ajax.xhr.send(data);
}
}
},
displayValidationErrors: function(formComponents, task, formId, data) {
if (task == 'afterSend') {
var ids,
i,
j,
id,
formComponent,
firstErrorElement,
elementBlock;
ids = data.response[0].split(',');
for (i = 0; i < ids.length; i++) {
id = parseInt(ids[i]);
if (!isNaN(id) && typeof formComponents[id] != 'undefined') {
formComponent = RSFormPro.getFieldsByName(formId, formComponents[id]);
if (formComponent && formComponent.length > 0) {
for (j = 0; j < formComponent.length; j++) {
if (formComponent[j]) {
RSFormProUtils.removeClass(formComponent[j], 'rsform-error');
if (typeof data.parentErrorClass != 'undefined' && data.parentErrorClass.length > 0) {
try {
elementBlock = RSFormPro.getBlock(formId, RSFormProUtils.getAlias(formComponents[id]));
RSFormProUtils.removeClass(elementBlock[0], data.parentErrorClass);
} catch (err) {}
}
if (typeof data.fieldErrorClass != 'undefined' && data.fieldErrorClass.length > 0) {
try {
results = RSFormPro.getFieldsByName(formId, formComponents[id]);
if (results.length > 0)
{
for (var r = 0; r < results.length; r++)
{
RSFormProUtils.removeClass(results[r], data.fieldErrorClass);
}
}
} catch (err) {}
}
}
}
}
}
}
ids = data.response[1].split(',');
var doScroll = false;
var doFocus = false;
for (i = 0; i < ids.length; i++)
{
id = parseInt(ids[i]);
if (isNaN(id))
{
continue;
}
if (typeof formComponents[id] == 'undefined')
{
continue;
}
formComponent = RSFormPro.getFieldsByName(formId, formComponents[id]);
if (!formComponent || formComponent.length < 1)
{
continue;
}
for (j = 0; j < formComponent.length; j++)
{
if (formComponent[j])
{
RSFormProUtils.addClass(formComponent[j], 'rsform-error');
if (!doScroll)
{
doScroll = true;
}
if (typeof data.parentErrorClass != 'undefined' && data.parentErrorClass.length > 0)
{
try
{
elementBlock = RSFormPro.getBlock(formId, RSFormProUtils.getAlias(formComponents[id]));
RSFormProUtils.addClass(elementBlock[0], data.parentErrorClass);
}
catch (err) {}
}
try
{
results = RSFormPro.getFieldsByName(formId, formComponents[id]);
if (results.length > 0)
{
for (var r = 0; r < results.length; r++)
{
if (typeof data.fieldErrorClass != 'undefined' && data.fieldErrorClass.length > 0)
{
RSFormProUtils.addClass(results[r], data.fieldErrorClass);
}
if (!doFocus)
{
results[r].focus();
doFocus = true;
}
}
}
}
catch (err) {}
}
}
}
// scroll to first error elment
if (RSFormPro.scrollToError && doScroll){
RSFormPro.gotoErrorElement(formId);
}
}
},
validate: function(form, page, errorClasses, totalPages) {
try {
var el = form.elements.length;
} catch (err) {
form = this;
}
RSFormPro.Ajax.xhr = RSFormPro.Ajax.getXHR();
RSFormPro.Ajax.xmlHttp = RSFormPro.Ajax.getXHRLegacy();
var url = 'index.php?option=com_rsform&task=ajaxValidate';
if (typeof RSFormPro.Ajax.URL == 'string') {
url = RSFormPro.Ajax.URL;
}
RSFormPro.Ajax.Params = RSFormPro.Ajax.getParamsObject();
var submits = [],
errorFields = [],
success = false,
formId = form.elements['form[formId]'].value,
ids,
totalJSDetectedPages = 0,
lastClickedElement,
i,
j;
if (typeof errorClasses != 'object')
{
errorClasses = {'parent': '', 'field': ''}
}
for (i=0; i= 0) {
var countCommas = 0;
var pos = onclick.indexOf(',');
while (pos > -1) {
++countCommas;
pos = onclick.indexOf(',', ++pos);
}
if (countCommas > 2) {
totalJSDetectedPages++;
}
}
}
// don't send an empty value
if (!form.elements[i].name) continue;
if (form.elements[i].name.length == 0) continue;
// check if the checkbox is checked
if (form.elements[i].type == 'checkbox' && form.elements[i].checked == false) continue;
// check if the radio is selected
if (form.elements[i].type == 'radio' && form.elements[i].checked == false) continue;
if (form.elements[i].type == 'submit' && form.elements[i].getAttribute('data-disableonsubmit') == '1') {
submits.push(form.elements[i]);
form.elements[i].disabled = true;
}
// check if form is a dropdown with multiple selections
if (form.elements[i].type == 'select-multiple')
{
for (j = 0; j < form.elements[i].options.length; j++) {
if (form.elements[i].options[j].selected) {
RSFormPro.Ajax.Params.push(form.elements[i].name + '=' + encodeURIComponent(form.elements[i].options[j].value));
}
}
continue;
}
if (form.elements[i].type == 'file')
{
if ('files' in form.elements[i])
{
try
{
if (RSFormPro.usePositioning)
{
if (form.elements[i].offsetParent !== document.getElementsByTagName('body')[0])
{
throw 'CONDITIONAL_HIDDEN';
}
}
else
{
if (form.elements[i].offsetParent === null)
{
throw 'CONDITIONAL_HIDDEN';
}
}
if (form.elements[i].files.length === 0 && form.elements[i].getAttribute('data-rsfp-required') === 'true')
{
throw 'VALIDATION_ERROR';
}
for (var f = 0; f < form.elements[i].files.length; f++)
{
var file = form.elements[i].files[f];
var maxSize = parseInt(form.elements[i].getAttribute('data-rsfp-size'));
if ('size' in file && maxSize > 0)
{
if (file.size > maxSize)
{
throw 'VALIDATION_ERROR';
}
}
if ('name' in file)
{
var exts = form.elements[i].getAttribute('data-rsfp-exts');
if (exts)
{
exts = JSON.parse(exts);
var ext = file.name.slice((file.name.lastIndexOf(".") - 1 >>> 0) + 2);
if (exts.indexOf(ext.toLowerCase()) === -1)
{
throw 'VALIDATION_ERROR';
}
}
}
}
}
catch (error)
{
if (error === 'VALIDATION_ERROR')
{
var parents = RSFormProUtils.getParents(form.elements[i]);
var page_number;
if (parents.length > 0)
{
for (var p = 0; p < parents.length; p++)
{
var parent = parents[p];
if ('getAttribute' in parent)
{
var hasId = parents[p].getAttribute('id');
var pageId = 'rsform_' + formId + '_page_';
if (hasId && hasId.indexOf(pageId) === 0)
{
page_number = hasId.slice(pageId.length);
break;
}
}
}
}
var elementObj = {
field: form.elements[i],
page: page_number
};
// try to get the componentId
var componentId = RSFormPro.HTML5.getComponentId(formId, form.elements[i].getAttribute('id'));
if (componentId)
{
elementObj.componentId = componentId;
}
errorFields.push(elementObj);
}
}
}
}
if (typeof RSFormPro.Editors[form.elements[i].name] == 'function') {
RSFormPro.Ajax.Params.push(form.elements[i].name + '=' + encodeURIComponent(RSFormPro.Editors[form.elements[i].name]()));
} else {
RSFormPro.Ajax.Params.push(form.elements[i].name + '=' + encodeURIComponent(form.elements[i].value));
}
}
errorFields = errorFields.concat(RSFormPro.HTML5.validation(formId));
if (page) {
RSFormPro.Ajax.Params.push('page=' + page);
}
RSFormPro.Ajax.xhr.open("POST", url, true);
//Send the proper header information along with the request
RSFormPro.Ajax.xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
if (typeof ajaxExtraValidationScript[formId] == 'function') {
ajaxExtraValidationScript[formId]('beforeSend', formId, {'url': url, 'params': RSFormPro.Ajax.Params});
}
if (!RSFormPro.Ajax.Wait)
{
// B/C layer
RSFormPro.Ajax.xmlHttp.send(RSFormPro.Ajax.Params);
}
success = true;
RSFormPro.Ajax.xhr.onreadystatechange = function() {
if (RSFormPro.Ajax.xhr.readyState == 4 && RSFormPro.Ajax.xhr.status == 200) {
if (RSFormPro.Ajax.xhr.responseText.indexOf("\n") != -1)
{
var response = RSFormPro.Ajax.xhr.responseText.split("\n");
// All spans set to no error
ids = response[0].split(',');
for (i = 0; i < ids.length; i++)
if (!isNaN(parseInt(ids[i])) && document.getElementById('component'+ids[i])) {
document.getElementById('component'+ids[i]).className = 'formNoError';
}
// Show errors
ids = response[1].split(',');
// add the HTML5 elements with errors
var errorOnPage;
if (errorFields.length) {
for (i = 0; i < errorFields.length; i++) {
if (typeof errorFields[i].componentId != 'undefined') {
if (typeof page == 'undefined' || (page - 1) == errorFields[i].page) {
ids.push(errorFields[i].componentId);
if (typeof errorOnPage != 'undefined') {
errorOnPage = errorFields[i].page < errorOnPage ? errorFields[i].page : errorOnPage;
} else {
errorOnPage = errorFields[i].page;
}
}
}
}
}
var errorComponents = [];
for (i = 0; i < ids.length; i++) {
if (!isNaN(parseInt(ids[i])))
{
if (document.getElementById('component' + ids[i]))
{
document.getElementById('component' + ids[i]).className = 'formError';
}
errorComponents.push(ids[i]);
success = false;
}
}
// lets detect if the multiple page form is submitted
var changePageHTML5Errors = false;
if (totalJSDetectedPages > 0 && RSClickedSubmitElement && submits.indexOf(RSClickedSubmitElement) >= 0 && typeof errorOnPage != 'undefined') {
changePageHTML5Errors = true;
}
//return false;
if (response.length == 4 || changePageHTML5Errors)
{
if (response.length == 4) {
page = parseInt(response[2]) - 1;
totalPages = parseInt(response[3]);
if (changePageHTML5Errors) {
page = page > errorOnPage ? errorOnPage : page;
}
} else {
if (changePageHTML5Errors) {
page = errorOnPage;
totalPages = totalJSDetectedPages;
}
}
rsfp_changePage(formId, page, totalPages, false);
}
if (typeof ajaxExtraValidationScript[formId] == 'function') {
// rewrite the response so that all the error components are added (that includes HTML5 fields)
if (errorComponents.length) {
response[1] = errorComponents.join();
}
ajaxExtraValidationScript[formId]('afterSend', formId, {'url': url, 'params': RSFormPro.Ajax.Params, 'response': response, 'parentErrorClass': errorClasses.parent, 'fieldErrorClass': errorClasses.field});
}
}
if (success == false)
{
// The submits must be clickable again
for (i = 0; i < submits.length; i++) {
submits[i].disabled = false;
}
try {
if (typeof page == 'undefined' || page == 0) {
RSFormPro.callbacks.runCallback(formId, 'afterValidationFailed'); // callback functions if validation fails when form is submitted
} else {
RSFormPro.callbacks.runCallback(formId, 'nextPageFailed'); // callback functions if validation fails when a specific page of the form is checked
}
if (document.getElementById('rsform_error_' + formId)) {
document.getElementById('rsform_error_' + formId).style.display = 'block';
}
}
catch (err) { }
}
if (success == true) {
// Change the page if the validation passes
if (page) {
rsfp_changePage(formId, page, totalPages, false);
// The submits must be clickable again
for (i = 0; i < submits.length; i++) {
submits[i].disabled = false;
}
} else {
// the submit button has been presed so we need to submit the form
// if the submit button or any other element has the id submit the form.submit() function is overwritten
if (typeof form.submit != 'function') {
document.createElement('form').submit.call(form)
} else {
form.submit();
}
}
try {
if (typeof page == 'undefined' || page == 0) {
RSFormPro.callbacks.runCallback(formId, 'afterValidationSuccess'); // callback functions if validation succeeds
} else {
RSFormPro.callbacks.runCallback(formId, 'nextPageSuccess'); // callback functions if validation succeeds when a specific page of the form is checked
}
document.getElementById('rsform_error_' + formId).style.display = 'none';
}
catch (err) { }
}
return success;
}
};
return false;
},
overrideSubmit: function(formId, validationParams) {
var form = RSFormPro.getForm(formId);
var submitElement = RSFormPro.getElementByType(formId, 'submit');
var i, j;
for (i = 0; i < submitElement.length; i++) {
if (RSFormProUtils.hasClass(submitElement[i],'rsform-submit-button')) {
RSFormProUtils.addEvent(submitElement[i],'click', (function(event) {
event.preventDefault();
RSClickedSubmitElement = this;
for (j = 0; j < submitElement.length; j++) {
submitElement[j].setAttribute('data-disableonsubmit','1');
}
RSFormPro.Ajax.validate(form, undefined, validationParams);
}));
}
}
}
};
RSFormPro.callbacks = {
allCallbacks: {},
addCallback: function(formId, callbackName, args) {
var base = RSFormPro.callbacks;
if (typeof base.allCallbacks[formId] == 'undefined') {
base.allCallbacks[formId] = {}
}
if (typeof base.allCallbacks[formId][callbackName] == 'undefined') {
base.allCallbacks[formId][callbackName] = [];
}
base.allCallbacks[formId][callbackName].push(args);
},
runCallback: function(formId, callbackName) {
var base = RSFormPro.callbacks;
if (typeof base.allCallbacks[formId] != 'undefined' && typeof base.allCallbacks[formId][callbackName] != 'undefined' && base.allCallbacks[formId][callbackName].length > 0) {
for (var i = 0; i < base.allCallbacks[formId][callbackName].length; i++) {
var args = base.allCallbacks[formId][callbackName][i];
var functionName = args[0];
var functionArgs = [];
for (var j = 1; j < args.length; j++) {
functionArgs.push(args[j]);
}
// execute the callback function set for this trigger
functionName.apply(self, functionArgs);
}
}
}
};
/* Helper functions */
var RSFormProUtils = {
addEvent: function(obj, evType, fn) {
if (obj.addEventListener)
{
obj.addEventListener(evType, fn, false);
return true;
}
else if (obj.attachEvent)
{
var r = obj.attachEvent("on"+evType, fn);
return r;
}
else
{
return false;
}
},
hasClass: function (el, name) {
return new RegExp('(\\s|^)' + name + '(\\s|$)').test(el.className);
},
addClass: function(el, name) {
if (!RSFormProUtils.hasClass(el, name)) {
el.className += (el.className ? ' ' : '') + name;
}
},
removeClass: function(el, name) {
if (RSFormProUtils.hasClass(el, name)) {
el.className = el.className.replace(new RegExp('(\\s|^)' + name + '(\\s|$)'),' ').replace(/^\s+|\s+$/g, '');
}
},
setDisplay: function (items, value) {
for (var i = 0; i < items.length; i++) {
if (!RSFormPro.usePositioning) {
items[i].style.display = value;
} else {
value === 'none' ? RSFormProUtils.addClass(items[i], 'formHidden') : RSFormProUtils.removeClass(items[i], 'formHidden');
}
}
},
setAttr: function (items, attr, value) {
for (var i = 0; i < items.length; i++) {
items[i].setAttribute(attr, value);
}
},
remAttr: function (items, attr) {
for (var i = 0; i < items.length; i++) {
items[i].removeAttribute(attr);
}
},
getChecked: function (items) {
var elements = [];
var element, tagName;
for (var i = 0; i < items.length; i++) {
element = items[i];
tagName = element.tagName || element.nodeName;
if (tagName == 'INPUT' && element.type && element.type.toUpperCase() == 'CHECKBOX' && element.checked == true) {
elements.push(element);
}
}
return elements;
},
getUnchecked: function (items) {
var elements = [];
var element, tagName;
for (var i = 0; i < items.length; i++) {
element = items[i];
tagName = element.tagName || element.nodeName;
if (tagName == 'INPUT' && element.type && element.type.toUpperCase() == 'CHECKBOX' && !element.checked) {
elements.push(element);
}
}
return elements;
},
getAlias: function(str) {
str = str.replace(/\-/g, ' ');
if (!String.prototype.trim) {
str = str.replace(/^\s+|\s+$/g, '');
} else {
str = str.trim();
}
str = str.toLowerCase();
str = str.replace(/(\s|[^A-Za-z0-9\-])+/g, '-');
str = str.replace(/^\-+|\-+$/g, '');
return str;
},
getParents: function(a) {
var els = [];
while (a) {
els.push(a);
a = a.parentNode;
}
// Remove our own element
if (els.length > 0)
{
els.shift()
}
return els;
},
getElementsByClassName: function (className, tag, elm) {
if (document.getElementsByClassName) {
getElementsByClassName = function (className, tag, elm) {
elm = elm || document;
var elements = elm.getElementsByClassName(className),
nodeName = (tag)? new RegExp("\\b" + tag + "\\b", "i") : null,
returnElements = [],
current;
for(var i=0, il=elements.length; i