CSP Quarterly Newsletter sign-up

{{ headingBlockSlot.videoLinkButton.text }} {{ headingBlockSlot.videoLinkButton.text }}
// This view acts as a rendering template to render InitScript(and server-side Form's descriptor) in FormContainerBlock's client-side for Form[d3e4403a-3506-4c62-b6f1-e2d66b6e82c9]. // TECHNOTE: all serverside (paths, dynamic values) of EPiServerForms will be transfered to client side here in this section. (function initializeOnRenderingFormDescriptor() { // each workingFormInfo is store inside epi.EPiServer.Forms, lookup by its FormGuid var workingFormInfo=epi.EPiServer.Forms["d3e4403a-3506-4c62-b6f1-e2d66b6e82c9"] ={ Id: "d3e4403a-3506-4c62-b6f1-e2d66b6e82c9" , Name: "CSP Quarterly Newsletter sign-up" , // whether this Form can be submitted which relates to the visitor's data (cookie, identity) and Form's settings (AllowAnonymous, AllowXXX) SubmittableStatus : {"submittable":true,"message":""}, ConfirmMessage: "Thank you for signing up.", ResetConfirmMessage : "", ShowNavigationBar : true, ShowSummarizedData : false, // serialize the dependency configuration of this form to clientside DependenciesInfo : JSON.parse("[]"), // keep all fieldName which are not satisfied the field dependency conditions DependencyInactiveElements: [], // Validation info, for executing validating on client side ValidationInfo : JSON.parse("[{\"targetElementName\":\"__field_174425\",\"targetElementId\":\"2842ebc4-4182-44ad-a682-e5b8b1cc56d2\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"This field is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}}]},{\"targetElementName\":\"__field_174426\",\"targetElementId\":\"259d320f-0d38-46cf-aec5-971b1e1a2960\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"This field is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}}]},{\"targetElementName\":\"__field_174427\",\"targetElementId\":\"df04ee6b-3ea8-4602-a9a4-ef72d0d583d9\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"This field is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}}]},{\"targetElementName\":\"__field_174428\",\"targetElementId\":\"24c6ccf3-ae7d-48c7-aea9-575c8ede8a37\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"This field is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}}]}]"), // Steps information for driving multiple-step Forms. StepsInfo : { Steps: [{"index":0,"attachedUrl":"","dependField":null,"dependCondition":null,"isActive":true,"attachedContentLink":"","dependValue":"","elementName":"__field_","guid":"00000000-0000-0000-0000-000000000000"}] }, FieldsExcludedInSubmissionSummary: [], ElementsInfo: JSON.parse("{\"__field_174425\":{\"type\":\"Dolby.Web.Core.Implementation.Models.Form.Braze.Elements.BrazeTextElementBlock\",\"friendlyName\":\"First Name\",\"customBinding\":false},\"__field_174426\":{\"type\":\"Dolby.Web.Core.Implementation.Models.Form.Braze.Elements.BrazeTextElementBlock\",\"friendlyName\":\"Last Name\",\"customBinding\":false},\"__field_174427\":{\"type\":\"Dolby.Web.Core.Implementation.Models.Form.Braze.Elements.BrazeTextElementBlock\",\"friendlyName\":\"Email\",\"customBinding\":false},\"__field_174428\":{\"type\":\"Dolby.Web.Core.Implementation.Models.Form.Braze.Elements.BrazeSelectionElementBlock\",\"friendlyName\":\"Country/Region\",\"customBinding\":false},\"__field_174429\":{\"type\":\"Dolby.Web.Core.Implementation.Models.Form.Braze.Elements.BrazeTextElementBlock\",\"friendlyName\":\"Company\",\"customBinding\":false},\"__field_174430\":{\"type\":\"Dolby.Web.Core.Implementation.Models.Form.Braze.Elements.BrazeTextElementBlock\",\"friendlyName\":\"Job Title\",\"customBinding\":false},\"__field_174434\":{\"type\":\"Dolby.Web.Core.Implementation.Models.Form.GoogleReCaptchaElementBlock\",\"friendlyName\":\"reCAPTCHA\",\"customBinding\":false},\"__field_174433\":{\"type\":\"EPiServer.Forms.Implementation.Elements.SubmitButtonElementBlock\",\"friendlyName\":\"Submit\",\"customBinding\":false}}"), DataSubmitController: "/EPiServer.Forms/DataSubmit" }; /// TECHNOTE: Calculation at FormInfo level, and these values will be static input for later processing. workingFormInfo.StepsInfo.FormHasNoStep_VirtualStepCreated=true; // this FLAG will be true, if Editor does not put any FormStep. Engine will create a virtual step, with empty GUID workingFormInfo.StepsInfo.FormHasNothing=false; // this FLAG will be true if FormContainer has no element at all workingFormInfo.StepsInfo.AllStepsAreNotLinked=true; // this FLAG will be true, if all steps all have contentLink= ="" (emptyString) epi.EPiServer.SystemSettings = { RequestVerification: { FormFieldName: "__RequestVerificationToken", HeaderName: "RequestVerificationToken" } }; })();
function getSubmitBtn(target) { const scriptTarget = document.querySelector(`#${target}`); const container = scriptTarget?.closest('.EPiServerForms'); const submitBtn = container?.querySelector('form .FormSubmitButton'); return submitBtn; } window[`disableSubmitButton${'__field_174434'}`] = function() { const target = '__field_174434'; this.getSubmitBtn(target).setAttribute('disabled', true); this.getSubmitBtn(target).classList.add('no-spin'); } window[`onReCaptchaSuccess${'__field_174434'}`] = function() { const target = '__field_174434'; this.getSubmitBtn(target).removeAttribute('disabled'); this.getSubmitBtn(target).classList.remove('no-spin'); } // disable submit cta on load window[`disableSubmitButton${'__field_174434'}`]();
function reloadEpiFormJs(url) { const dataEl = document.querySelectorAll('[data-id="fsasync"]'); if (!dataEl.length) { let theScript = document.createElement('script'); theScript.src = url; theScript.setAttribute('data-id', 'fsasync'); document.head.appendChild(theScript); } } window.setTimeout(function () { reloadEpiFormJs('/Util/EPiServer.Forms/EPiServerForms.min.js'); }, 3000);