Oh, so close! We just need a bit more detail - please check the marked fields and try again.", ERROR_MSG_EMAIL = "

Must be a valid email.", ERROR_MSG_PHONE = "

Must be a valid phone number.", ERROR_MSG_URL = "

Must be a valid URL (did you remember to add \"https://\" at the beginning?).", ERROR_MSG_NUMBER = "

Please enter a number.", ERROR_MSG_EMAIL_BUSINESS = "

Please provide a valid company email address.", ERROR_MSG_DEMODAYZ = "

Please select a webinar."; // add parent class to form wrapper // based on inquiry type inquiryType.change(function () { var selectVal = inquiryType.val(); $('#marketo-form-container').attr('data-inquiry', selectVal); }); formInquiry.change(function () { var selectVal = formInquiry.val(); $('#marketo-form-container').attr('data-inquiry', selectVal); }); //general error box $errorBox = $('.error-box'); //add text to error message box $errorBox.html(ERROR_MSG_GENERAL); // validate email function isValidEmailAddress(emailAddress) { var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i; return pattern.test(emailAddress); } //validate business email function isEmailFreeProvider(email) { var invalidDomains = /^[a-zA-Z0-9_\-.+]+@(gmail|googlemail|yahoo|ymail|hotmail|live|outlook|msn|icloud|inbox|mail|mail2art|mail2cool|aol|zoho|yandex|protonmail|wanadoo|gmx|mac|aim|mailinator|seo-mailer|2prong|dodgeit|guerrillamail|tempinbox)(\.[a-z]{2,3}){1,2}/i; return invalidDomains.test(email); } //validate value is a number function isValidNumber(number) { var pattern = /^[1-9][0-9]*$/; return pattern.test(number); } //validate URL function isValidUrl(url) { var pattern = /^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)+[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/; return pattern.test(url); } //validate phone # function isValidPhoneNumber(number) { var pattern = /([(+]*[0-9]+[()+. -]*)/g; return pattern.test(number); } //validate form form.onValidate(function (builtInValid) { if (!builtInValid) return; form.submittable(true); //set state & country through fake fields if needed var stateConv = $('#zIStateCode'), countryConv = $('#zICountryCode'), country = $('#Country'), state = $('#State'), stateConvCode = '', countryCodeConv = ''; if( stateConv.length && stateConv.val() != '' ) { stateConvCode = stateConv.find('option:selected').data('code'); } else if( state.is(":visible") || state.length ) { stateConvCode = state.val(); } else { stateConvCode = ''; } if( countryConv.length && countryConv.val() != '' ) { countryCodeConv = countryConv.find('option:selected').data('code'); } else if( country.is(":visible") || country.length ) { countryCodeConv = country.val(); } else { countryCodeConv = ''; } form.vals({ 'State': stateConvCode, 'Country': countryCodeConv, }); var formFields = [ 'FirstName', 'LastName', 'Email', 'trialRegion', 'Phone', 'xMattersInstanceURL', 'NumberOfEmployees', 'Company', 'Title', 'Country', 'State', 'contactInquiryType', 'Marketing_Generated_Product_Interest__c', 'phoneCountryCode', 'Address', 'City', 'PostalCode', 'referralfirstname', 'referrallastname', 'referralemailaddress', 'referralCompany', 'referralphonenumber', 'shirtSize', 'cOVIDAddress', 'cOVIDCity', 'cOVIDState', 'cOVIDPostalCode','demoDayzEventID' ]; //ERROR MSG LOGIC function addErrors(el, errorMsg) { var $parentEl = el.parent(); //remove existing error msg if ($parentEl.length) { $parentEl.next().remove(); } //and add new error msg $parentEl.after(errorMsg); //add error highlighting styles el.addClass('formError'); //add error box if ($errorBox.length) { $errorBox.removeClass('hide'); } //don't let form submit form.submittable(false); } function removeErrors(el) { var $parentEl = el.parent(); if ($parentEl.length) { // clear error msg $parentEl.next().remove(); } el.removeClass('formError'); } //ERROR VALIDATION $.each(formFields, function (i, value) { var field = "#" + value; if ( $(field).length && $(field).is(":visible") ) { if (!$(field).val()) { var errorMsg = ERROR_MSG_REQUIRED; addErrors($(field), errorMsg); } else { removeErrors($(field)); } //run regex validation on email (if it's not blank) if ($(field).is(email) && $(field).val() !== '' || $(field).is(referrerEmail) && $(field).val() !== '' ) { var fieldVal = $(field).val(); if (!isValidEmailAddress(fieldVal)) { var errorMsg = ERROR_MSG_EMAIL; addErrors($(field), errorMsg); } else { removeErrors($(field)); } } // validate xMatters Instance URL if ($(field).is(instanceUrl) && $(field).val() !== '') { fieldVal = $(field).val(); if ( !isValidUrl(fieldVal) ) { var errorMsg = ERROR_MSG_URL; addErrors($(field), errorMsg); } else { removeErrors($(field)); } } // validate is number if ($(field).is(numberOfEmployees) && $(field).val() !== '') { fieldVal = $(field).val(); if ( !isValidNumber(fieldVal) ) { var errorMsg = ERROR_MSG_NUMBER; addErrors($(field), errorMsg); } else { removeErrors($(field)); } } // validate phone if ($(field).is(phoneNumber) && $(field).val() !== '' || $(field).is(referrerPhoneNumber) && $(field).val() !== '') { fieldVal = $(field).val(); if ( !isValidPhoneNumber(fieldVal) ) { var errorMsg = ERROR_MSG_PHONE; addErrors($(field), errorMsg); } else { removeErrors($(field)); } } // ** NEW Validate Term & Conditions ** // // This and the ReCaptcha are set up a bit // different than the rest of the fields if ( termsOptIn.length && termsOptIn.is(":visible") ) { if (!termsOptIn.is(':checked')) { var errorMsg = ERROR_MSG_REQUIRED, $parentEl = $('#termsRow'); //remove existing error msg if ($parentEl.length) { $parentEl.next().remove(); } //and add new error msg $parentEl.after(errorMsg); //add error highlighting styles termsOptIn.parent().parent().addClass('formError'); //add error box if ($errorBox.length) { $errorBox.removeClass('hide'); } //don't let form submit form.submittable(false); } else { var $parentEl = $('#termsRow'); if ($parentEl.length) { // clear error msg $parentEl.next().remove(); } termsOptIn.parent().parent().removeClass('formError'); } } // Request a Demo Radio Buttons // if ( demo.length && demo.is(":visible") ) { if (!demo.is(':checked')) { var errorMsg = ERROR_MSG_REQUIRED, $parentEl = demo.parent(); //remove existing error msg if ($parentEl.length) { $parentEl.next().remove(); } //and add new error msg $parentEl.after(errorMsg); //add error highlighting styles demo.parent().addClass('formError'); //add error box if ($errorBox.length) { $errorBox.removeClass('hide'); } //don't let form submit form.submittable(false); } else { var $parentEl = demo.parent(); if ($parentEl.length) { // clear error msg $parentEl.next().remove(); } demo.parent().removeClass('formError'); } } // ** NEW ReCAPTCHA ** // if ( recaptchaWrapper.length && recaptchaWrapper.is(":visible") ) { if (!recaptchaResponse) { var errorMsg = ERROR_MSG_REQUIRED, $childEl = recaptchaWrapper.children(); //remove existing error msg if ($childEl.length) { $childEl.next().remove(); } //and add new error msg $childEl.after(errorMsg); //add error highlighting styles recaptchaBox.addClass('formError'); //add error box if ($errorBox.length) { $errorBox.removeClass('hide'); } //don't let form submit form.submittable(false); } else { //add google recaptcha response form.addHiddenFields({ lastRecaptchaUserInput: recaptchaResponse }); // clear error msg var $childEl = recaptchaWrapper.children(); if ($childEl.length) { $childEl.next().remove(); } recaptchaBox.removeClass('formError'); } } // Validate Term & Conditions // The error msg is handled completely differently // since we created the error msg in the HTML if ( termsCheckmark.length ) { if ( ! termsCheckmark.is( ':checked' ) ) { termsContainer.classList.add('formError'); termsError.classList.remove('hide'); //add error box if ($errorBox.length) { $errorBox.removeClass('hide'); } form.submittable(false); } else { termsContainer.classList.remove('formError'); termsError.classList.add('hide'); } } //VALIDATE WEBINARS if ( dd_ids.length ) { if(dd_ids.val() === '') { $errorBox.html(ERROR_MSG_DEMODAYZ); //add error box if ($errorBox.length) { $errorBox.removeClass('hide'); } form.submittable(false); } } } form.submittable(form.submittable() !== false); }); }); }); //This is whenReady so it will only trigger once MktoForms2.whenReady(function (form) { // Marketo, Salesforce & Google Analytics Integration // https://docs.google.com/document/d/1XmOSDHNsNfeL3YJgWoy-r-oTXAG8jz60zlahcM_LleI/edit#heading=h.mygvrebjj4ey //Add an onSubmit handler form.onSubmit(function(){ //Get clientId function getgacid() { try { var tracker = ga.getAll()[0]; return tracker.get('clientId'); } catch (e) { return 'NULL'; } } form.vals({'GACLIENTID__c': getgacid()}); }); var formEl = form.getFormElem()[0], formWrapper = $('#marketo-form-container'), buttonRowEl = formEl.querySelector('.mktoButtonRow'), //ReCaptcha recaptchaWrapper = document.querySelector('#recaptcha-wrapper'), // NEW terms & conditions using native Mkto field termsOptIn = $('#Email_Opt_In__c'), //textarea message = $('textarea#inquiryNotes'), comments = $('textarea#comments'), // main inputs firstName = $('input#FirstName'), companyName = $('input#Company'), numberOfEmployees = $("#NumberOfEmployees"), industry = $('select#Industry'), employees = $('select#No_of_Employees__c'), phoneCode = $('select#phoneCountryCode'), phoneNumber = $('input#Phone'), // State input wrapper statePlaceholder = $('.mktoPlaceholderState'), //selects country = $('select#Country'), productInterest = $('select#Marketing_Generated_Product_Interest__c'), trialRegion = $('select#trialRegion'), //Job Title jobTitle = $('input#Title'), unsubscribed = $('input[name="Unsubscribed"]'), demoRequest = $('input[name="demomeetingRequested"]'), // integration requested integName = 'Contact Us', //dd webinars ids dd_ids = ''; // Create fake Country/State/Prov fields to work with ZoomInfo var stateConv = $('#zIStateCode'), stateConvLbl = $('#LblzIStateCode'), countryConv = $('#zICountryCode'), countryConvLbl = $('#LblzICountryCode'), countryWrapper = $('[data-wrapper-for="Country"]'), stateWrapper = $('[data-wrapper-for="State"]'); // move reCAPTCHA & custom submit btn inside form container if ( $("#recaptcha-wrapper").length || $("#recaptcha-wrapper").is(":visible") ) { formEl.appendChild(recaptchaWrapper); } if ( $(".mktoButtonRow").length || $(".mktoButtonRow").is(":visible") ) { formEl.appendChild(buttonRowEl); } // Set Contact Us Form to Partners when param set $('option[value="Become a Partner"]').prop('selected', true); formWrapper.attr('data-inquiry', 'Become a Partner'); //Add classes to mktoFormRow so we can apply correct styling firstName.parent().parent().parent().addClass('nameRow'); companyName.parent().parent().parent().addClass('companyRow'); numberOfEmployees.parent().parent().addClass('numEmployeeWrapper'); phoneCode.parent().parent().parent().addClass('phoneTitleRow'); phoneNumber.parent().parent().parent().addClass('phoneTitleRow'); country.parent().parent().parent().addClass('countryRow'); countryConv.parent().parent().parent().addClass('zICountryCodeRow'); stateConv.parent().parent().parent().addClass('zIStateCodeRow'); statePlaceholder.parent().addClass('stateRow'); message.parent().parent().parent().addClass('messageRow'); comments.parent().parent().parent().addClass('messageRow'); jobTitle.parent().parent().parent().addClass('jobTitleRow'); productInterest.parent().parent().parent().addClass('interestRow'); trialRegion.parent().parent().parent().addClass('trialRegionRow'); industry.parent().parent().parent().addClass('industryRow'); employees.parent().parent().parent().addClass('employeesRow'); termsOptIn.parent().parent().attr('id', 'termsRow'); unsubscribed.parent().attr('id', 'unsubscribedRow'); demoRequest.parent().attr('id', 'demoRequestRow'); form.onSubmit(function(form) { //hide error box if( $errorBox.length ) { $errorBox.addClass('hide'); } }); //load the country/state list thru json $.post('https://www.xmatters.com/wp-content/themes/xmatters-v1/json/country-codes.json', {}, function (data) { $.each(data.Codes, function (i, v) { if(countryConv.length){ countryConv.append('' + v.country + ' (' + v.iso_3166 + ')' + ''); } }); $.each(data.StatesProvs, function (i, v) { if(stateConv.length){ stateConv.append('' + v.name + ' (' + v.abbreviation + ')' + ''); } }); // Set the value of the Marketing Generated Product Interest, and the UTM fields form.vals({ "utm_campaign__c": utm_campaign, "utm_source__c": utm_source, "utm_medium__c": utm_medium, "utm_content__c": utm_content, "utm_term__c": utm_term, "utm_creative__c": utm_creative, "utm_adgroup__c": utm_adgroup, "sessionReferrer": sessionReferrer, //request integration "xMattersIntegrationRequested": integName, //dd webinars 'demoDayzEventID': dd_ids, }); $.post('/wp-json/form-prefill/v1/prefill', {}, function (data) { if ($.isArray(data.result) && data.result.length !== 0) { //map your results from REST call to the corresponding field name on the form //clear the company field if it is set to 'unknown' if (data.result[0].company !== null) { company = data.result[0].company; if (company == 'Unknown') { company = ''; } } var prefillFields = { "Email": data.result[0].email, "FirstName": data.result[0].firstName, "LastName": data.result[0].lastName, "Company": company, "Phone": data.result[0].phone, "Country": data.result[0].country, "State": data.result[0].state, "NumberOfEmployees": data.result[0].numberOfEmployees, "Title": data.result[0].title, "Marketing_Generated_Product_Interest__c": data.result[0].Marketing_Generated_Product_Interest__c, "phoneCountryCode": data.result[0].phoneCountryCode, "trialRegion": data.result[0].trialRegion, "xMattersInstanceURL" : data.result[0].xMattersInstanceURL, }; var prevent_prefill = '1'; //pass our prefillFields objects into the form.vals method to fill our fields if (prevent_prefill == '' || prevent_prefill == 'false') { form.vals(prefillFields); console.log('prefill'); } else { console.log('no prefill'); } } }, "json"); }); }); });