");
container.find('.scVerifyEmail').hide();
jQuery('.scModalFormCloseButton').click(function() {
saasRemoveModal();
});
container.find('form').submit(function(e) {
onSubmit(e);
});
storeDefaultValues();
setupDatePickers();
setupCaptchas();
setupDefaultValues();
if (typeof config.modal.timeoutDisplay != 'undefined' && config.modal.timeoutDisplay) {
shouldShowForm();
}
if (typeof config.modal.displayButton != 'undefined' && config.modal.displayButton) {
loadButton();
}
}
/**
* Scan the fields and store any default values so they can be used later for validation.
* We only care about required fields
*
* @return void
*/
function storeDefaultValues() {
form.element.find('.required').each(function () {
form.defaultValues[jQuery(this).attr('name')] = jQuery(this).val().trim();
});
}
/**
* Validate the form before submission
*
* @return bool
*/
function validate() {
var hasError = false;
var element = form.element;
element.find('td').each(function () {
var field = jQuery(this);
var type = field.attr('id').split('_')[0];
switch (type) {
case "MatrixElement":
hasError = validateMatrix(field) || hasError;
break;
case "AddressElement":
hasError = validateAddress(field) || hasError;
break;
case "CheckboxElement":
hasError = validateCheckbox(field) || hasError;
break;
case "RadioElement":
hasError = validateCheckbox(field) || hasError;
break;
case "VoiceElement":
hasError = validateNumber(field) || hasError;
break;
case "SMSElement":
hasError = validateNumber(field) || hasError;
break;
case "FaxElement":
hasError = validateNumber(field) || hasError;
break;
case "EmailElement":
hasError = validateEmail(field) || hasError;
break;
default:
hasError = validateField(field) || hasError;
break;
}
});
return !hasError;
}
/**
* Check if a given field is required
*
* @param jQueryObject field The field (top level table element) jQuery object
*
* @return bool
*/
function fieldIsRequired(field) {
return field.find('.required:not(.prefix)').length > 0;
}
/**
* Render the error message that exists in a given field.
*
* @param jQueryObject field The field (top level table element) jQuery object
*
* @return void
*/
function renderError(field) {
field.find('.errorMessage').css('display', 'block');
}
/**
* Validate a text field
*
* @param jQueryObject field The field (top level table element) jQuery object
*
* @return bool
*/
function validateField(field) {
var hasError = false;
if (fieldIsRequired(field)) {
field.find('.required:not(.prefix)').each(function () {
if (jQuery(this).is(":visible") && jQuery(this).val().trim() === '') {
hasError = true;
}
});
}
field.find('[data-minlimit]').each(function () {
var value = jQuery(this).val().trim();
if (value !== "" && value.length < jQuery(this).data('minlimit')) {
hasError = true;
}
});
if (hasError) {
renderError(field);
}
return hasError;
}
/**
* Validate a phone number field
*
* @param jQueryObject field The field (top level table element) jQuery object
*
* @return bool
*/
function validateNumber(field) {
var hasError = false;
var value = field.find('.prefix').val().trim() + field.find('.numberInput').val().trim();
if ((fieldIsRequired(field) && value === "") || (value.length > 0 && (value.length < 5 || value.search(/[a-zA-Z]+/) != -1))) {
hasError = true;
renderError(field);
}
return hasError;
}
/**
* Validate an email field
*
* @param jQueryObject field The field (top level table element) jQuery object
*
* @return bool
*/
function validateEmail(field) {
var hasError = false;
var input, value;
var emailRegex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
input = field.find('input[type="text"]');
value = input.val().trim();
if (fieldIsRequired(field)) {
if (value === "" || value === form.defaultValues[input.attr('name')]) {
hasError = true;
}
}
if (emailRegex.test(value) === false) {
hasError = true;
}
if (hasError) {
renderError(field);
}
return hasError;
}
/**
* Validate an address. If its required, ensure that at least: address1, country, city and zip are completed.
*
* @param jQueryObject field The field (top level table element) jQuery object
*
* @return bool
*/
function validateAddress(field) {
var hasError = false;
var inputs = [
'address1[value]',
'country[value]',
'city[value]',
'zip[value]',
];
var i;
if (fieldIsRequired(field)) {
for (i = 0; i < inputs.length; i++) {
if (field.find('[name="' + inputs[i] + '"]').val().trim() === "") {
hasError = true;
}
}
}
if (hasError) {
renderError(field);
}
return hasError;
}
/**
* Validate a checkbox. If its required ensure that at least one has been checked
*
* @param jQueryObject field The field (top level table element) jQuery object
*
* @return bool
*/
function validateCheckbox(field) {
var hasError = false;
if (fieldIsRequired(field)) {
if (field.find("input:checked").length === 0) {
hasError = true;
renderError(field);
} else {
field.find("input:checked").parent().each(function () {
if (jQuery(this).find("input[type=text]").length !== 0) {
if (jQuery(this).find("input[type=text]").val().trim() === '') {
hasError = true;
renderError(field);
}
}
});
}
}
return hasError;
}
/**
* Validate a radio matrix. Ensure that for each question at least one radio has been checked
*
* @param jQueryObject field The field (top level table element) jQuery object
*
* @return bool
*/
function validateMatrix(field) {
var hasError = false;
var choices = [];
var choice;
var i;
if (fieldIsRequired(field)) {
field.find('input[type="radio"]').each(function () {
var name = jQuery(this).attr('name');
if (choices.indexOf(name) === -1) {
choices.push(name);
}
});
if (choices.length > 0) {
for (i = 0; i < choices.length; i++) {
choice = choices[i];
if (!jQuery('input[name="' + choice + '"]').is(":checked") ||
jQuery('input[name="' + choice + '"]:checked').val() == 'null') {
hasError = true;
renderError(field);
}
}
}
}
return hasError;
}
/**
* Get the form's jQuery element
*
* @return jQueryObject
*/
function getElement() {
return form.element;
}
/**
* Internal method for configuring a captcha to be rendered. If the captcha library has not yet loaded:
* store the data elsewhere for the formGrecaptchaLoadCallback to use.
*
* @return void
*/
function _renderGrecaptchaElement () {
window.formGrecaptchaElements[form.id] = {
form: form.context,
rendered: false,
};
if (window.grecaptcha !== undefined) {
renderGrecaptchaElement();
}
}
/**
* Render the captcha using the Google Recaptcha library. This method is also exposed
* for the formGrecaptchaLoadCallback to use.
*
* @return void
*/
function renderGrecaptchaElement() {
var captcha = window.formGrecaptchaElements[form.id];
if (captcha.rendered === false) {
var captchaElement = form.element.find('.recaptcha');
captcha.widgetId = window.grecaptcha.render(captchaElement[0], {
sitekey: grecaptchaFormSiteKey,
callback: function () {
form.element.find('input[type="submit"]').attr('disabled', false);
},
"expired-callback": function () {
form.element.find('input[type="submit"]').attr('disabled', true);
}
});
captcha.rendered = true;
form.element.find('input[type="submit"]').attr('disabled', true);
}
}
/**
* Submission event for the form. Validates the fields and then "posts" the data.
*
* @param DOMEvent e The submission event from the form
*
* @return void
*/
function onSubmit (e) {
cleanErrors();
if (validate()) {
//Disable Submit Element so only one copy of the form can be submitted
form.element.find('input[type="submit"]').each(function(){
jQuery(this).attr('disabled', true);
});
if (config.target == "_self") {
e.preventDefault();
var data = form.element.find('form').serializeArray();
var html = "";
html += '
';
html += '
';
html += mergeValues(form.thankYouHtml, data);
html += '';
html += "
";
html += "
";
jQuery('body').append('');
jQuery(document).trigger("portableFormSubmitted", [form.element, form.formId, form.context]);
setTimeout(function() {
var iframe = jQuery("#saasPortableIframeForm-" + form.id);
iframe.contents().find("body").append(form.element.find('form').clone());
iframe.contents().find('form').unbind('submit');
form.element.find('select').each(function () {
var name = jQuery(this).attr('name');
iframe.contents().find('[name="' + name + '"]').val(jQuery(this).val());
});
iframe.contents().find('form').submit();
form.element.find('.body-div').css('position', 'relative').append(html);
form.element.find('.closeThankYou').click(function () {
form.element.find('.thankYouContainer').remove();
});
form.element.find('input[type="submit"]').attr('disabled', false);
}, 100);
}
} else {
e.preventDefault();
}
}
/**
* Return all errors to their default hidden state
*
* @return void
*/
function cleanErrors() {
form.element.find('.errorMessage').css('display', 'none');
}
/**
* Load the button used for modal forms. Bind the show callback to its click event
*
* @return void
*/
function loadButton() {
// Build the button
jQuery('body').append('');
var container = jQuery('#scButtonContainer-' + form.id);
var modal = config.modal;
var button = jQuery("");
var span = jQuery("");
span.text(modal.buttonText);
button.append(span);
container.append(button);
container.css({'background-color': modal.buttonColor,
'color': modal.buttonTextColor,
'border': '1px solid #999',
'box-shadow': '0px 0px 3px rgba(0,0,0,0.3) inset'
});
container.find('button').css({'color': 'inherit',
'text-decoration': 'none',
'font-family': 'Arial',
'font-size': '16px',
'padding': '5px 50px',
'border': '0',
'background': 'transparent',
'cursor': 'pointer',
'display': 'block'
});
container.find('button').click(function () {
showModal();
});
switch(modal.buttonPosition){
case "topLeft":
container.css({left: '5%', 'top':0});
break;
case 'topCenter':
container.css({'width': container.width(), 'margin': 'auto', 'position': 'relative', 'left': '0px'});
container.find('a').css({'width': 'auto', 'height': 'auto'});
container.wrap('');
break;
case 'topRight':
container.css({'top':0, 'right':'5%'});
break;
case 'bottomCenter':
container.css({'width': container.width(), 'margin': 'auto', 'position': 'relative', 'left': '0px'});
container.find('a').css({'width': 'auto', 'height': 'auto'});
container.wrap('');
break;
case "bottomRight":
container.css({right: '5%', bottom:0});
break;
case "bottomLeft":
container.css({left: '5%', bottom:0});
break;
case "centerLeft":
container.css({top:'50%'});
container.css('-webkit-transform', 'rotate(90deg)');
container.css('-moz-transform', 'rotate(90deg)');
container.css('-ms-transform', 'rotate(90deg)');
container.css('-o-transform', 'rotate(90deg)');
container.css('transform', 'rotate(90deg)');
/* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
container.css('-webkit-transform-origin', '50% 50%');
container.css('-moz-transform-origin', '50% 50%');
container.css('-ms-transform-origin', '50% 50%');
container.css('-o-transform-origin', '50% 50%');
container.css('transform-origin', '50% 50%');
/* Should be unset in IE9+ I think. */
container.css('filter', 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)');
// Fix the position
container.css("left", -container.width()/2 + container.height()/2 + "px");
break;
case "centerRight":
container.css({top:'50%'});
container.css('-webkit-transform', 'rotate(-90deg)');
container.css('-moz-transform', 'rotate(-90deg)');
container.css('-ms-transform', 'rotate(-90deg)');
container.css('-o-transform', 'rotate(-90deg)');
container.css('transform', 'rotate(-90deg)');
/* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
container.css('-webkit-transform-origin', '50% 50%');
container.css('-moz-transform-origin', '50% 50%');
container.css('-ms-transform-origin', '50% 50%');
container.css('-o-transform-origin', '50% 50%');
container.css('transform-origin', '50% 50%');
/* Should be unset in IE9+ I think. */
container.css('filter', 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)');
// Fix the position
container.css('right', -container.width()/2 + container.height()/2 + 'px');
break;
}
}
/**
* Determine if the form should pop up for modal forms configured to auto-show after X seconds.
* If the form should appear, this method will call the show function
*
* @return void
*/
function shouldShowForm() {
/**
* Stupid stuff to support ie hating cookies
*/
var hasShown = false;
if (Storage !== undefined && localStorage !== undefined) {
hasShown = localStorage.getItem('scForm'+ form.formId);
localStorage.setItem('scForm' + form.formId, 1);
}
/*global scPreview
*/
if (!hasShown || (typeof scPreview != 'undefined' && scPreview)){
var timeOut = 4000;
if (typeof config.modal.loadAfter != 'undefined')
timeOut = parseInt(config.modal.loadAfter)*1000;
setTimeout(function() {
showModal();
}, timeOut);
}
}
/**
* Set up the captcha elements if there are any
*
* @return void
*/
function setupCaptchas() {
if (form.element.find('#CaptchaElement_0').length > 0) {
form.element.find('form').attr('target', '_blank');
_renderGrecaptchaElement();
}
}
/**
* Convert defualt values into placeholders
*/
function setupDefaultValues() {
form.element.find('input[type=text],textarea').each(function() {
jQuery(this).attr('placeholder', this.value);
this.value = '';
});
}
/**
* Set up the date and time pickers if there are any
*
* @return void
*/
function setupDatePickers() {
var element = getElement();
if (element.find('.datePicker').length > 0 || element.find('.dateTimePicker').length > 0) {
/**
* Wait for date picker library to have loaded
*/
if (jQuery().datetimepicker !== undefined) {
element.find('.datePicker').datetimepicker({
closeOnDateSelect: true,
format: 'Y-m-d',
timepicker:false,
});
element.find('.dateTimePicker').datetimepicker({
format: 'Y-m-d H:i',
closeOnDateSelect: true
});
} else {
setTimeout(function() {
setupDatePickers();
},50);
}
}
}
/**
* Fade the modal form in.
*
* @return void
*/
function showModal() {
form.element.fadeIn();
saasSetupModal(form.element);
jQuery(document).trigger("portableFormDisplayed", [form.element, form.formId, form.context]);
}
/**
* Merge the submitted values into the given html. Used for the thank you message to support things like
* "Thanks %%name%% for your submission"
*
* @param string html The original html with merge tags
* @param object values The values submitted by the user
*
* @return string The html with the values merged in
*/
function mergeValues (html, values) {
var post = {};
var i;
var name;
for (i in values) {
if (values.hasOwnProperty(i)) {
name = values[i].name.slice(0,values[i].name.indexOf('['));
if (typeof post[name] == 'undefined') {
post[name] = {column: '', separator: '', 'value': []};
}
if (values[i].name.indexOf('[column]') != -1) {
post[name].column = values[i].value;
}
if (values[i].name.indexOf('[value]') != -1) {
post[name].value.push(values[i].value);
}
if (values[i].name.indexOf('[separator]') != -1) {
post[name].separator = values[i].value;
}
}
}
for (i in post) {
if (post.hasOwnProperty(i)) {
if (post[i].column != ''){
var val = post[i].value.join(post[i].separator);
var regex = new RegExp('(%%'+cleanRegex(post[i].column)+'%%)', 'gi');
html = html.replace(regex, val);
}
}
}
return html;
}
/**
* Cleans a given string for regex
*
* @param string str String to clean
*
* @return string
*/
function cleanRegex(str) {
return str.replace(/(?=[/\\^$*+?.()|{}[\]])/g, "\\");
}
/**
* Checks if the form is (likely) on a mobile browser
*
* @return bool
*/
function isMobile() {
return saasIsMobile();
}
} // end SaaSForm
/**
* Removes the current modal window
*
*/
function saasRemoveModal() {
//Todo - add more effects
jQuery('.scFormContainerModal').fadeOut(400);
jQuery('.scModalButton').fadeIn();
}
/**
* Public method for displaying a modal form
*/
function scDisplayModalForm(id) {
var displayed = false; // Prevent duplicates
jQuery('.scFormContainerModal').each(function () {
var form = jQuery(this).find('form[name="scForm' + id + '"]');
if (form.length > 0 && !displayed) {
jQuery(this).fadeIn();
saasSetupModal(jQuery(this));
displayed = true;
}
});
}
function saasSetupModal(element) {
var body = element.find('.body-div');
/**
* If the modal form is greater then 80% of the window, give it a scrollbar
*/
if (body.height() > jQuery(window).height() * 0.8) {
body.css({
'max-height': '80%',
'overflow-x': 'hidden',
'overflow-y': 'scroll',
'padding-right': '10px',
'position': 'absolute',
'left': '50%',
'margin-left': '-' + body.width()/2 + 'px'
});
}
jQuery('.scModalButton').fadeOut();
if (saasIsMobile()) {
element.css('position', 'absolute');
var left = body.offset().left - 25;
jQuery('html body').animate({scrollTop:0, scrollLeft:left+"px"}, 800);
}
if (body.hasClass('formError')) {
body.css('width', '400px');
body.find('.body-div > div:first').css({
'background': 'white',
'padding': '20px',
'border-radius': '4px'
});
}
}
/**
* Checks if the form is (likely) on a mobile browser
*
* @return bool
*/
function saasIsMobile() {
var check = false;
(function(a,b){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))check = true})(navigator.userAgent||navigator.vendor||window.opera);
return check;
}
var grecaptchaFormSiteKey = "6LeteH8UAAAAAEpoZrVIE2lvLL2PUSBkRhVZvtQA";var scAppUrl = "//app.simplycast.com/";scInitJQuery();new SaaSForm({"id":994681451,"formId":"637","type":"portable","target":"_blank","targetElement":"saasForm994681451","formHtml":"