</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div> <a class="score-button primary md bg-colorKnightGold colorBlack skip-to-main-btn" href="#main-content" title="Skip to main content" target="_self" rel="noopener noreferrer">Skip to main content</a> <header> <div class="header-utility-wrapper"> <div class="container"> <ul> <li> <a href="/visit/" target="_self" rel="">Hours and Directions</a> </li> <li> <a href="/contact/" target="_self" rel="">CONTACT US</a> </li> <li> <a href="/about/donate/" target="_self" rel="">Donate</a> </li> <li class="lang-selection"> <a href="/" class="drop-btn"> <span>English</span> <svg id="dropdown" width="24" height="24" viewBox="0 0 24 24"> <rect id="Rectangle_581" data-name="Rectangle 581" width="24" height="24" fill="none"></rect> <path id="Shape_34_copy_5" data-name="Shape 34 copy 5" d="M548,1110.987l12-11.994H536l12,11.994" transform="translate(-536 -1092.993)" fill="currentColor"></path> </svg> </a> <ul class="lang-dropdown"> <li> <a href="/">English</a> </li> <li> <a href="/es/">Español</a> </li> <li> <a href="/fr/">Français</a> </li> <li> <a href="/pl/">Polski</a> </li> </ul> </li> </ul> </div> </div> <div class="header-wrapper"> <div class="container"> <div class="header-logo"> <a href="/"> <img src="https://images4.cmp.optimizely.com/assets/jp2_logoEN_clr.svg/Zz1iMzk4ODVmYzZmODUxMWVmYTVlYWEyNGY2YzRkYzhkZg==" loading="lazy" class="score-image img-fluid" alt="Saint John Paul II National Shrine Logo" /> </a> </div> <div class="header-links"> </div> </div> </div> <div class="header-navigation-wrapper" aria-label="Main Navigation"> <ul class="container"> <li class="item "> <a class="score-button button" tabindex="0">About</a> <ul> <li class="subitem"> <a href="/about/" target="_self">Overview</a> </li> <li class="subitem"> <a href="/about/jp2-bio/" target="_self">Saint John Paul II</a> </li> <li class="subitem"> <a href="/about/vocation-stories/" target="_self">Vocation Stories</a> </li> <li class="subitem"> <a href="/about/staff/" target="_self">Leadership</a> </li> <li class="subitem"> <a href="/about/kofc/" target="_self">K of C and the Shrine</a> </li> <li class="subitem"> <a href="/about/donate/" target="_self">Donate</a> </li> </ul> </li> <li class="item "> <a class="score-button button" tabindex="0">Visit</a> <ul> <li class="subitem"> <a href="/visit/" target="_self">Hours and Directions</a> </li> <li class="subitem"> <a href="/visit/plan-a-pilgrimage/" target="_self">Plan a Pilgrimage</a> </li> <li class="subitem"> <a href="/visit/resources-students-educators/" target="_self">Resources for Students and Educators</a> </li> <li class="subitem"> <a href="/visit/pilgrim-resources/" target="_self">Pilgrim Resources</a> </li> </ul> </li> <li class="item "> <a class="score-button button" tabindex="0">Worship</a> <ul> <li class="subitem"> <a href="/worship/" target="_self">Liturgical Schedule</a> </li> <li class="subitem"> <a href="/worship/relics/" target="_self">Relics</a> </li> <li class="subitem"> <a href="/worship/jp2-prayer/" target="_self">Prayer to Saint John Paul II</a> </li> <li class="subitem"> <a href="/worship/divine-mercy/" target="_self">Divine Mercy at the Shrine</a> </li> </ul> </li> <li class="item "> <a class="score-button button" tabindex="0">Exhibits & events</a> <ul> <li class="subitem"> <a href="/exhibits/" target="_self">Exhibits</a> </li> <li class="subitem"> <a href="/events/" target="_self">Events Calendar</a> </li> <li class="subitem"> <a href="https://www.youtube.com/@SaintJohnPaulIINationalShrine/streams" target="_blank">Stream Online</a> </li> </ul> </li> </ul> </div> <div class="header-mobile-wrapper"> <div class="container"> <div class="header-mobile-logo"> <a href="/"> <img src="https://images4.cmp.optimizely.com/assets/jp2_logoEN_clr.svg/Zz1iMzk4ODVmYzZmODUxMWVmYTVlYWEyNGY2YzRkYzhkZg==" loading="lazy" alt="Saint John Paul II National Shrine Logo" /> </a> </div> <button type="button" aria-label="toggle menu" class="header-mobile-button"> <span></span> </button> </div> <div class="header-mobile-search"> <form class="container"> <button type="button" aria-label="close search" className="header-mobile-search-close" /> <input type="text" class="header-mobile-search-box" /> <svg width="24" height="23.999" viewBox="0 0 24 23.999"> <rect id="Rectangle_558" data-name="Rectangle 558" width="23.999" height="23.999" transform="translate(24 23.999) rotate(180)" fill="none"></rect> <g id="Group_2515" data-name="Group 2515" transform="translate(0 0.375)"> <path id="Ellipse_59" data-name="Ellipse 59" d="M10.351,2.906A7.446,7.446,0,1,0,17.8,10.351a7.454,7.454,0,0,0-7.446-7.446m0-2.906A10.351,10.351,0,1,1,0,10.351,10.351,10.351,0,0,1,10.351,0Z" transform="translate(3.297 0)" fill="currentColor"></path> <path id="Line_155" data-name="Line 155" d="M-3.6,2.391-5.657.336.336-5.657,2.39-3.6Z" transform="translate(5.657 20.519)" fill="currentColor"></path> </g> </svg> <button className="score-button primary bg-colorInsuranceBlue md" type="button">Search</button> </form> </div> <div class="header-mobile-menu"> <div class="button-box"> </div> <ul class="header-mobile-links"> </ul> <ul aria-label="menu" class="mobile-categories"> <li class="item"> <div>About</div> <ul> <li class="subitem"> <a href="/about/" target="_self">Overview</a> </li> <li class="subitem"> <a href="/about/jp2-bio/" target="_self">Saint John Paul II</a> </li> <li class="subitem"> <a href="/about/vocation-stories/" target="_self">Vocation Stories</a> </li> <li class="subitem"> <a href="/about/staff/" target="_self">Leadership</a> </li> <li class="subitem"> <a href="/about/kofc/" target="_self">K of C and the Shrine</a> </li> <li class="subitem"> <a href="/about/donate/" target="_self">Donate</a> </li> </ul> </li> <li class="item"> <div>Visit</div> <ul> <li class="subitem"> <a href="/visit/" target="_self">Hours and Directions</a> </li> <li class="subitem"> <a href="/visit/plan-a-pilgrimage/" target="_self">Plan a Pilgrimage</a> </li> <li class="subitem"> <a href="/visit/resources-students-educators/" target="_self">Resources for Students and Educators</a> </li> <li class="subitem"> <a href="/visit/pilgrim-resources/" target="_self">Pilgrim Resources</a> </li> </ul> </li> <li class="item"> <div>Worship</div> <ul> <li class="subitem"> <a href="/worship/" target="_self">Liturgical Schedule</a> </li> <li class="subitem"> <a href="/worship/relics/" target="_self">Relics</a> </li> <li class="subitem"> <a href="/worship/jp2-prayer/" target="_self">Prayer to Saint John Paul II</a> </li> <li class="subitem"> <a href="/worship/divine-mercy/" target="_self">Divine Mercy at the Shrine</a> </li> </ul> </li> <li class="item"> <div>Exhibits & events</div> <ul> <li class="subitem"> <a href="/exhibits/" target="_self">Exhibits</a> </li> <li class="subitem"> <a href="/events/" target="_self">Events Calendar</a> </li> <li class="subitem"> <a href="https://www.youtube.com/@SaintJohnPaulIINationalShrine/streams" target="_blank">Stream Online</a> </li> </ul> </li> </ul> <ul class="header-mobile-utility"> <li> <a href="/visit/" target="_self" rel="">Hours and Directions</a> </li> <li> <a href="/contact/" target="_self" rel="">CONTACT US</a> </li> <li> <a href="/about/donate/" target="_self" rel="">Donate</a> </li> </ul> <ul aria-label="menu" class="header-mobile-menu-languages"> <li class="item"> <div>Language</div> <ul> <li class="subitem"> <a href="/">English</a> </li> <li class="subitem"> <a href="/es/">Español</a> </li> <li class="subitem"> <a href="/fr/">Français</a> </li> <li class="subitem"> <a href="/pl/">Polski</a> </li> </ul> </li> </ul> </div> </div> </header> <main class="page-wrapper full-width-content" id="main-content"> <div class=" PageContent"> <div class="score-hero default" style="background:url('https://images4.cmp.optimizely.com/assets/jpii_bronze_statue_outside_02/dac402c4532d11efad1fd2e960192aa6?width=1366') center center / cover no-repeat;"> <div class="non-featured-content-container container"> <div class="score-hero__caption opacity-100 "> <div class="score-hero__caption__call-to-action"> </div> </div> </div> </div> </div><div class=" PageContent"> <section class="score-stripe justify-start flex-teaser default border-bottom " style="" data-epi-type="content"> <div class="container"> <div class="w-full"> <div class="section-header text-left"> <H1 class=" headlineXXL"> CONTACT FORM </H1> </div> <div class="content-area text-left"> <div class=" w-8col"> <form method="post" novalidate="novalidate" data-f-metadata="" aria-labelledby="3c4b48fe-b77b-4fb4-8774-103207fc4357_label" enctype="multipart/form-data" class="EPiServerForms ValidationSuccess callout-form " data-f-type="form" id="3c4b48fe-b77b-4fb4-8774-103207fc4357"> <script type="text/javascript" > // This view acts as a rendering template to render InitScript(and server-side Form's descriptor) in FormContainerBlock's client-side for Form[3c4b48fe-b77b-4fb4-8774-103207fc4357]. // 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["3c4b48fe-b77b-4fb4-8774-103207fc4357"] ={ Id: "3c4b48fe-b77b-4fb4-8774-103207fc4357" , Name: "Form: en: Contact Us" , // 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: "", ResetConfirmMessage : "", ShowNavigationBar : true, FocusOnForm: false, ShowSummarizedData : false, // serialize the dependency configuration of this form to clientside DependenciesInfo : JSON.parse("[{\"fieldName\":\"__field_1661\",\"action\":{\"displayName\":\"Shown\",\"name\":\"EPiServer.Forms.Core.Internal.Dependency.ShowAction\",\"order\":1,\"clientsideAction\":\"show\"},\"conditionCombination\":\"Any\",\"conditions\":[{\"fieldName\":\"__field_1511\",\"operator\":\"Equals\",\"fieldValue\":\"Group Tour\"},{\"fieldName\":\"__field_1511\",\"operator\":\"Equals\",\"fieldValue\":\"Recorrido grupal\"}]},{\"fieldName\":\"__field_3327\",\"action\":{\"displayName\":\"Shown\",\"name\":\"EPiServer.Forms.Core.Internal.Dependency.ShowAction\",\"order\":1,\"clientsideAction\":\"show\"},\"conditionCombination\":\"All\",\"conditions\":[{\"fieldName\":\"__field_1511\",\"operator\":\"Equals\",\"fieldValue\":\"Group Tour\"}]},{\"fieldName\":\"__field_1662\",\"action\":{\"displayName\":\"Shown\",\"name\":\"EPiServer.Forms.Core.Internal.Dependency.ShowAction\",\"order\":1,\"clientsideAction\":\"show\"},\"conditionCombination\":\"All\",\"conditions\":[{\"fieldName\":\"__field_1511\",\"operator\":\"Equals\",\"fieldValue\":\"Group Tour\"}]},{\"fieldName\":\"__field_1663\",\"action\":{\"displayName\":\"Shown\",\"name\":\"EPiServer.Forms.Core.Internal.Dependency.ShowAction\",\"order\":1,\"clientsideAction\":\"show\"},\"conditionCombination\":\"All\",\"conditions\":[{\"fieldName\":\"__field_1511\",\"operator\":\"Equals\",\"fieldValue\":\"Group Tour\"}]},{\"fieldName\":\"__field_1672\",\"action\":{\"displayName\":\"Shown\",\"name\":\"EPiServer.Forms.Core.Internal.Dependency.ShowAction\",\"order\":1,\"clientsideAction\":\"show\"},\"conditionCombination\":\"All\",\"conditions\":[{\"fieldName\":\"__field_1511\",\"operator\":\"Equals\",\"fieldValue\":\"Group Tour\"}]},{\"fieldName\":\"__field_1665\",\"action\":{\"displayName\":\"Shown\",\"name\":\"EPiServer.Forms.Core.Internal.Dependency.ShowAction\",\"order\":1,\"clientsideAction\":\"show\"},\"conditionCombination\":\"All\",\"conditions\":[{\"fieldName\":\"__field_1511\",\"operator\":\"Equals\",\"fieldValue\":\"Group Tour\"}]},{\"fieldName\":\"__field_1666\",\"action\":{\"displayName\":\"Shown\",\"name\":\"EPiServer.Forms.Core.Internal.Dependency.ShowAction\",\"order\":1,\"clientsideAction\":\"show\"},\"conditionCombination\":\"All\",\"conditions\":[{\"fieldName\":\"__field_1511\",\"operator\":\"Equals\",\"fieldValue\":\"Group Tour\"}]},{\"fieldName\":\"__field_1667\",\"action\":{\"displayName\":\"Shown\",\"name\":\"EPiServer.Forms.Core.Internal.Dependency.ShowAction\",\"order\":1,\"clientsideAction\":\"show\"},\"conditionCombination\":\"All\",\"conditions\":[{\"fieldName\":\"__field_1511\",\"operator\":\"Equals\",\"fieldValue\":\"Group Tour\"}]},{\"fieldName\":\"__field_1670\",\"action\":{\"displayName\":\"Shown\",\"name\":\"EPiServer.Forms.Core.Internal.Dependency.ShowAction\",\"order\":1,\"clientsideAction\":\"show\"},\"conditionCombination\":\"All\",\"conditions\":[{\"fieldName\":\"__field_1511\",\"operator\":\"Equals\",\"fieldValue\":\"Group Tour\"},{\"fieldName\":\"__field_1667\",\"operator\":\"Equals\",\"fieldValue\":\"Yes\"}]},{\"fieldName\":\"__field_1668\",\"action\":{\"displayName\":\"Shown\",\"name\":\"EPiServer.Forms.Core.Internal.Dependency.ShowAction\",\"order\":1,\"clientsideAction\":\"show\"},\"conditionCombination\":\"All\",\"conditions\":[{\"fieldName\":\"__field_1511\",\"operator\":\"Equals\",\"fieldValue\":\"Group Tour\"}]},{\"fieldName\":\"__field_1669\",\"action\":{\"displayName\":\"Shown\",\"name\":\"EPiServer.Forms.Core.Internal.Dependency.ShowAction\",\"order\":1,\"clientsideAction\":\"show\"},\"conditionCombination\":\"All\",\"conditions\":[{\"fieldName\":\"__field_1511\",\"operator\":\"Equals\",\"fieldValue\":\"Group Tour\"}]}]"), // 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_1511\",\"targetElementId\":\"ce7224bd-e062-4004-80cd-90b5a3577a2f\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"Reason for Inquiry is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}}]},{\"targetElementName\":\"__field_1515\",\"targetElementId\":\"5e86c65b-c929-4009-a4df-94065cab3f9a\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"First Name is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}}]},{\"targetElementName\":\"__field_1517\",\"targetElementId\":\"f69c1c26-bbd7-4a2f-91e7-7c47ffba0aad\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"Last Name is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}}]},{\"targetElementName\":\"__field_1514\",\"targetElementId\":\"437a96be-a83d-4800-b69f-1f15564e501b\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"Phone is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}},{\"type\":\"EPiServer.Forms.Implementation.Validation.RegularExpressionValidator\",\"description\":null,\"model\":{\"jsPattern\":\"^\\\\d{3}-\\\\d{3}-\\\\d{4}$\",\"dotNetPattern\":\"^\\\\d{3}-\\\\d{3}-\\\\d{4}$\",\"message\":\"This field should be in \\\"555-555-5555\\\" format.\",\"validationCssClass\":null,\"additionalAttributes\":null}}]},{\"targetElementName\":\"__field_1518\",\"targetElementId\":\"42b5f083-1698-4da9-ba75-401835ddcc25\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"Email is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}},{\"type\":\"EPiServer.Forms.Implementation.Validation.EmailValidator\",\"description\":null,\"model\":{\"jsPattern\":\"^((([a-zA-Z]|\\\\d|[!#\\\\$%\u0026\u0027\\\\*\\\\+\\\\-\\\\/=\\\\?\\\\^_`{\\\\|}~]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])+(\\\\.([a-zA-Z]|\\\\d|[!#\\\\$%\u0026\u0027\\\\*\\\\+\\\\-\\\\/=\\\\?\\\\^_`{\\\\|}~]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])+)*)|((\\\\x22)((((\\\\x20|\\\\x09)*(\\\\x0d\\\\x0a))?(\\\\x20|\\\\x09)+)?(([\\\\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]))))*(((\\\\x20|\\\\x09)*(\\\\x0d\\\\x0a))?(\\\\x20|\\\\x09)+)?(\\\\x22)))@((([a-zA-Z]|\\\\d|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])|(([a-zA-Z]|\\\\d|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])([a-zA-Z]|\\\\d|-|\\\\.|_|~|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])*([a-zA-Z]|\\\\d|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])))\\\\.)+(([a-zA-Z]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])|(([a-zA-Z]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])([a-zA-Z]|\\\\d|-|\\\\.|_|~|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])*([a-zA-Z]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])))$\",\"dotNetPattern\":\"^((([a-zA-Z]|\\\\d|[!#\\\\$%\u0026\u0027\\\\*\\\\+\\\\-\\\\/=\\\\?\\\\^_`{\\\\|}~]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])+(\\\\.([a-zA-Z]|\\\\d|[!#\\\\$%\u0026\u0027\\\\*\\\\+\\\\-\\\\/=\\\\?\\\\^_`{\\\\|}~]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])+)*)|((\\\\x22)((((\\\\x20|\\\\x09)*(\\\\x0d\\\\x0a))?(\\\\x20|\\\\x09)+)?(([\\\\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]))))*(((\\\\x20|\\\\x09)*(\\\\x0d\\\\x0a))?(\\\\x20|\\\\x09)+)?(\\\\x22)))@((([a-zA-Z]|\\\\d|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])|(([a-zA-Z]|\\\\d|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])([a-zA-Z]|\\\\d|-|\\\\.|_|~|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])*([a-zA-Z]|\\\\d|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])))\\\\.)+(([a-zA-Z]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])|(([a-zA-Z]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])([a-zA-Z]|\\\\d|-|\\\\.|_|~|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])*([a-zA-Z]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])))$\",\"message\":\"Enter a valid email address.\",\"validationCssClass\":null,\"additionalAttributes\":null}}]},{\"targetElementName\":\"__field_1520\",\"targetElementId\":\"f2ea9bb6-a188-4e85-bf35-3b9c03062520\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"Subject is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}}]},{\"targetElementName\":\"__field_1519\",\"targetElementId\":\"afe915bd-9212-4cbe-b26b-799a418e3c34\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"Address is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}}]},{\"targetElementName\":\"__field_1618\",\"targetElementId\":\"bde9ca35-7c4d-4940-b0c4-c8a7f2405e2d\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"City is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}}]},{\"targetElementName\":\"__field_1619\",\"targetElementId\":\"7cd126b7-bf2e-4c26-b33b-90b4835ef450\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"State is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}}]},{\"targetElementName\":\"__field_1620\",\"targetElementId\":\"d0033b46-4c46-40b0-ad7d-33c9c1d286cc\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"Zip Code is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}},{\"type\":\"EPiServer.Forms.Implementation.Validation.RegularExpressionValidator\",\"description\":null,\"model\":{\"jsPattern\":\"^\\\\d{5,5}$\",\"dotNetPattern\":\"^\\\\d{5,5}$\",\"message\":\"This field should be in \\\"55555\\\" format.\",\"validationCssClass\":null,\"additionalAttributes\":null}}]},{\"targetElementName\":\"__field_1662\",\"targetElementId\":\"bb37439e-2b92-4a8d-943a-9d786a62900c\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"Group Name is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}}]},{\"targetElementName\":\"__field_1672\",\"targetElementId\":\"e3427b90-1649-4710-ae4c-5a8c85723c45\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.NumericValidator\",\"description\":null,\"model\":{\"message\":\"Enter a valid number.\",\"validationCssClass\":null,\"additionalAttributes\":null}},{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"Number of People is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}},{\"type\":\"EPiServer.Forms.Implementation.Validation.PositiveIntegerValidator\",\"description\":null,\"model\":{\"jsPattern\":\"^\\\\d+$\",\"dotNetPattern\":\"^\\\\d+$\",\"message\":\"Enter a valid positive integer.\",\"validationCssClass\":null,\"additionalAttributes\":null}}]},{\"targetElementName\":\"__field_1665\",\"targetElementId\":\"97379b10-64e1-4bef-8fa8-e069116fadc6\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"Describe Your Group is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}}]},{\"targetElementName\":\"__field_1666\",\"targetElementId\":\"9966ab32-6b14-4c5f-9385-adcd2d7c5828\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"Date of Visit is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}},{\"type\":\"EPiServer.Forms.Implementation.Validation.DateMMDDYYYYValidator\",\"description\":null,\"model\":{\"jsPattern\":\"^(((0[13578]|1[02])\\\\/(0[1-9]|[12]\\\\d|3[01])\\\\/((19|[2-9]\\\\d)\\\\d{2}))|((0[13456789]|1[012])\\\\/(0[1-9]|[12]\\\\d|30)\\\\/((19|[2-9]\\\\d)\\\\d{2}))|(02\\\\/(0[1-9]|1\\\\d|2[0-8])\\\\/((19|[2-9]\\\\d)\\\\d{2}))|(02\\\\/29\\\\/(19|[2-9]\\\\d)([02468][048]|[13579][26])))$\",\"dotNetPattern\":\"^(((0[13578]|1[02])\\\\/(0[1-9]|[12]\\\\d|3[01])\\\\/((19|[2-9]\\\\d)\\\\d{2}))|((0[13456789]|1[012])\\\\/(0[1-9]|[12]\\\\d|30)\\\\/((19|[2-9]\\\\d)\\\\d{2}))|(02\\\\/(0[1-9]|1\\\\d|2[0-8])\\\\/((19|[2-9]\\\\d)\\\\d{2}))|(02\\\\/29\\\\/(19|[2-9]\\\\d)([02468][048]|[13579][26])))$\",\"message\":\"Enter a date in the MM/DD/YYYY format.\",\"validationCssClass\":null,\"additionalAttributes\":null}}]},{\"targetElementName\":\"__field_1668\",\"targetElementId\":\"65dc534f-57c1-4f93-bd79-d232b5a4d828\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"Time of Visit is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}},{\"type\":\"EPiServer.Forms.Samples.Implementation.Validation.TimeValidator\",\"description\":null,\"model\":{\"message\":\"Unexpected value is not accepted.\",\"validationCssClass\":null,\"additionalAttributes\":null}}]}]"), // 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_1511\":{\"type\":\"EPiServer.Forms.Implementation.Elements.SelectionElementBlock\",\"friendlyName\":\"Element: Reason for Inquiry\",\"customBinding\":false},\"__field_1513\":{\"type\":\"EPiServer.Forms.Implementation.Elements.SelectionElementBlock\",\"friendlyName\":\"Element: Title\",\"customBinding\":false},\"__field_1515\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextboxElementBlock\",\"friendlyName\":\"Element: First Name\",\"customBinding\":false},\"__field_1517\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextboxElementBlock\",\"friendlyName\":\"Element: Last Name\",\"customBinding\":false},\"__field_1514\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextboxElementBlock\",\"friendlyName\":\"Element: Phone\",\"customBinding\":false},\"__field_1518\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextboxElementBlock\",\"friendlyName\":\"Element: Email Address\",\"customBinding\":false},\"__field_1520\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextboxElementBlock\",\"friendlyName\":\"Element: Subject\",\"customBinding\":false},\"__field_1519\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextboxElementBlock\",\"friendlyName\":\"Element: Address\",\"customBinding\":false},\"__field_1521\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextboxElementBlock\",\"friendlyName\":\"Element: Apt, Suite, Bldg.\",\"customBinding\":false},\"__field_1618\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextboxElementBlock\",\"friendlyName\":\"Element: City\",\"customBinding\":false},\"__field_1619\":{\"type\":\"EPiServer.Forms.Implementation.Elements.SelectionElementBlock\",\"friendlyName\":\"Element: State\",\"customBinding\":false},\"__field_1620\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextboxElementBlock\",\"friendlyName\":\"Element: Zip Code\",\"customBinding\":false},\"__field_1621\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextareaElementBlock\",\"friendlyName\":\"Element: Questions/Comment\",\"customBinding\":false},\"__field_1661\":{\"type\":\"EPiServer.Forms.Implementation.Elements.ParagraphTextElementBlock\",\"friendlyName\":\"Rich text (with placeholders)\",\"customBinding\":false},\"__field_3327\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextboxElementBlock\",\"friendlyName\":\"Element: Company/Organization\",\"customBinding\":false},\"__field_1662\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextboxElementBlock\",\"friendlyName\":\"Element: Group Name\",\"customBinding\":false},\"__field_1663\":{\"type\":\"EPiServer.Forms.Implementation.Elements.SelectionElementBlock\",\"friendlyName\":\"Element: Attending Mass at the Shrine?\",\"customBinding\":false},\"__field_1672\":{\"type\":\"EPiServer.Forms.Implementation.Elements.NumberElementBlock\",\"friendlyName\":\"Element: Number of People\",\"customBinding\":false},\"__field_1665\":{\"type\":\"EPiServer.Forms.Implementation.Elements.SelectionElementBlock\",\"friendlyName\":\"Element: Describe Your Group\",\"customBinding\":false},\"__field_1666\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextboxElementBlock\",\"friendlyName\":\"Element: Date\",\"customBinding\":false},\"__field_1667\":{\"type\":\"EPiServer.Forms.Implementation.Elements.SelectionElementBlock\",\"friendlyName\":\"Element: Special Accommodations?\",\"customBinding\":false},\"__field_1670\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextareaElementBlock\",\"friendlyName\":\"Element: Special Accommodations Yes\",\"customBinding\":false},\"__field_1668\":{\"pickerType\":\"timepicker\",\"type\":\"EPiServer.Forms.Samples.Implementation.Elements.DateTimeElementBlock\",\"friendlyName\":\"Element: Time\",\"customBinding\":true},\"__field_1669\":{\"type\":\"EPiServer.Forms.Implementation.Elements.SelectionElementBlock\",\"friendlyName\":\"Element: How Did You Hear About Us?\",\"customBinding\":false},\"__field_1630\":{\"type\":\"Knights.Web.Features.Blocks.Forms.FormSubmitButtonBlock\",\"friendlyName\":\"FormSubmitButtonBlock\",\"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" } }; })(); </script> <input type="hidden" class="Form__Element Form__SystemElement FormHidden FormHideInSummarized" name="__FormGuid" value="3c4b48fe-b77b-4fb4-8774-103207fc4357" data-f-type="hidden" /> <input type="hidden" class="Form__Element Form__SystemElement FormHidden FormHideInSummarized" name="__FormHostedPage" value="683" data-f-type="hidden" /> <input type="hidden" class="Form__Element Form__SystemElement FormHidden FormHideInSummarized" name="__FormLanguage" value="en" data-f-type="hidden" /> <input type="hidden" class="Form__Element Form__SystemElement FormHidden FormHideInSummarized" name="__FormCurrentStepIndex" value="0" data-f-type="hidden" /> <input type="hidden" class="Form__Element Form__SystemElement FormHidden FormHideInSummarized" name="__FormSubmissionId" value="" data-f-type="hidden" /> <div class="Form__Status"> <div role="status" class="Form__Status__Message hide" data-f-form-statusmessage> </div> </div> <div data-f-mainbody class="Form__MainBody"> <section id="__field_" data-f-type="step" data-f-element-name="__field_" class="Form__Element FormStep Form__Element--NonData " data-f-stepindex="0" data-f-element-nondata> <!-- Each FormStep groups the elements below it til the next FormStep --> <div class=" content-area__copy"> <input name="__field_1633" id="89dbf701-cbba-4b4e-bde0-c6b6826a0175" type="hidden" value="https://www.jp2shrine.org/contact" class="Form__Element FormHidden FormHideInSummarized" data-f-type="hidden" data-content-name="currenturlhiddenelementblock" /> </div><div class=" w-6col"> <div class="Form__Element FormSelection ValidationRequired" data-f-element-name="__field_1511" data-f-type="selection"> <label for="ce7224bd-e062-4004-80cd-90b5a3577a2f" class="Form__Element__Caption">Reason for Inquiry</label> <select name="__field_1511" id="ce7224bd-e062-4004-80cd-90b5a3577a2f" required aria-required="true" data-f-datainput aria-describedby="__field_1511_desc" autocomplete="off"> <option disabled="disabled" selected="selected" value=""> -- Select an option -- </option> <option value="Visitor Info" data-f-datainput>Visitor Info</option> <option value="Group Tour" data-f-datainput>Group Tour</option> <option value="Research Inquiry" data-f-datainput>Research Inquiry</option> </select> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1511" data-f-validationerror="" id="__field_1511_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormSelection" data-f-element-name="__field_1513" data-f-type="selection"> <label for="efeb71e2-1dd7-4eac-9b6d-311762b14009" class="Form__Element__Caption">Title</label> <select name="__field_1513" id="efeb71e2-1dd7-4eac-9b6d-311762b14009" data-f-datainput aria-describedby="__field_1513_desc" autocomplete="off"> <option disabled="disabled" selected="selected" value=""> -- Select an option -- </option> <option value="Rev." data-f-datainput>Rev.</option> <option value="Sr." data-f-datainput>Sr.</option> <option value="Mr." data-f-datainput>Mr.</option> <option value="Mrs." data-f-datainput>Mrs.</option> <option value="Miss." data-f-datainput>Miss.</option> <option value="Dr." data-f-datainput>Dr.</option> </select> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1513" data-f-validationerror="" id="__field_1513_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormTextbox ValidationRequired" data-f-element-name="__field_1515" data-f-type="textbox"> <label for="5e86c65b-c929-4009-a4df-94065cab3f9a" class="Form__Element__Caption">First Name</label> <input name="__field_1515" id="5e86c65b-c929-4009-a4df-94065cab3f9a" type="text" class="FormTextbox__Input" aria-describedby="__field_1515_desc" placeholder="" required aria-required="true" data-f-datainput autocomplete="off"/> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1515" data-f-validationerror="" id="__field_1515_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormTextbox ValidationRequired" data-f-element-name="__field_1517" data-f-type="textbox"> <label for="f69c1c26-bbd7-4a2f-91e7-7c47ffba0aad" class="Form__Element__Caption">Last Name</label> <input name="__field_1517" id="f69c1c26-bbd7-4a2f-91e7-7c47ffba0aad" type="text" class="FormTextbox__Input" aria-describedby="__field_1517_desc" placeholder="" required aria-required="true" data-f-datainput autocomplete="off"/> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1517" data-f-validationerror="" id="__field_1517_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormTextbox ValidationRequired" data-f-element-name="__field_1514" data-f-type="textbox"> <label for="437a96be-a83d-4800-b69f-1f15564e501b" class="Form__Element__Caption">Phone</label> <input name="__field_1514" id="437a96be-a83d-4800-b69f-1f15564e501b" type="text" class="FormTextbox__Input" aria-describedby="__field_1514_desc" placeholder="" required aria-required="true" data-f-datainput autocomplete="off"/> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1514" data-f-validationerror="" id="__field_1514_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormTextbox ValidationRequired" data-f-element-name="__field_1518" data-f-type="textbox"> <label for="42b5f083-1698-4da9-ba75-401835ddcc25" class="Form__Element__Caption">Email Address</label> <input name="__field_1518" id="42b5f083-1698-4da9-ba75-401835ddcc25" type="text" class="FormTextbox__Input" aria-describedby="__field_1518_desc" placeholder="" required aria-required="true" data-f-datainput autocomplete="off"/> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1518" data-f-validationerror="" id="__field_1518_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormTextbox ValidationRequired" data-f-element-name="__field_1520" data-f-type="textbox"> <label for="f2ea9bb6-a188-4e85-bf35-3b9c03062520" class="Form__Element__Caption">Subject</label> <input name="__field_1520" id="f2ea9bb6-a188-4e85-bf35-3b9c03062520" type="text" class="FormTextbox__Input" aria-describedby="__field_1520_desc" placeholder="" required aria-required="true" data-f-datainput autocomplete="off"/> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1520" data-f-validationerror="" id="__field_1520_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormTextbox ValidationRequired" data-f-element-name="__field_1519" data-f-type="textbox"> <label for="afe915bd-9212-4cbe-b26b-799a418e3c34" class="Form__Element__Caption">Address</label> <input name="__field_1519" id="afe915bd-9212-4cbe-b26b-799a418e3c34" type="text" class="FormTextbox__Input" aria-describedby="__field_1519_desc" placeholder="" required aria-required="true" data-f-datainput autocomplete="off"/> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1519" data-f-validationerror="" id="__field_1519_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormTextbox" data-f-element-name="__field_1521" data-f-type="textbox"> <label for="c9781c3c-4183-44ec-aac8-60f78ecb6421" class="Form__Element__Caption">Apt, Suite, Bldg.</label> <input name="__field_1521" id="c9781c3c-4183-44ec-aac8-60f78ecb6421" type="text" class="FormTextbox__Input" aria-describedby="__field_1521_desc" placeholder="(optional)" data-f-datainput autocomplete="off"/> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1521" data-f-validationerror="" id="__field_1521_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormTextbox ValidationRequired" data-f-element-name="__field_1618" data-f-type="textbox"> <label for="bde9ca35-7c4d-4940-b0c4-c8a7f2405e2d" class="Form__Element__Caption">City</label> <input name="__field_1618" id="bde9ca35-7c4d-4940-b0c4-c8a7f2405e2d" type="text" class="FormTextbox__Input" aria-describedby="__field_1618_desc" placeholder="" required aria-required="true" data-f-datainput autocomplete="off"/> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1618" data-f-validationerror="" id="__field_1618_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormSelection ValidationRequired" data-f-element-name="__field_1619" data-f-type="selection"> <label for="7cd126b7-bf2e-4c26-b33b-90b4835ef450" class="Form__Element__Caption">State</label> <select name="__field_1619" id="7cd126b7-bf2e-4c26-b33b-90b4835ef450" required aria-required="true" data-f-datainput aria-describedby="__field_1619_desc" autocomplete="off"> <option disabled="disabled" selected="selected" value=""> -- Select an option -- </option> <option value="Outside the US" data-f-datainput>Outside the US</option> <option value="Alabama" data-f-datainput>Alabama</option> <option value="Alaska" data-f-datainput>Alaska</option> <option value="Arizona" data-f-datainput>Arizona</option> <option value="Arkansas" data-f-datainput>Arkansas</option> <option value="California" data-f-datainput>California</option> <option value="Colorado" data-f-datainput>Colorado</option> <option value="Connecticut" data-f-datainput>Connecticut</option> <option value="Delaware" data-f-datainput>Delaware</option> <option value="Florida" data-f-datainput>Florida</option> <option value="Georgia" data-f-datainput>Georgia</option> <option value="Hawaii" data-f-datainput>Hawaii</option> <option value="Idaho" data-f-datainput>Idaho</option> <option value="Illinois" data-f-datainput>Illinois</option> <option value="Indiana" data-f-datainput>Indiana</option> <option value="Iowa" data-f-datainput>Iowa</option> <option value="Kansas" data-f-datainput>Kansas</option> <option value="Kentucky" data-f-datainput>Kentucky</option> <option value="Louisiana" data-f-datainput>Louisiana</option> <option value="Maine" data-f-datainput>Maine</option> <option value="Maryland" data-f-datainput>Maryland</option> <option value="Massachusetts" data-f-datainput>Massachusetts</option> <option value="Michigan" data-f-datainput>Michigan</option> <option value="Minnesota" data-f-datainput>Minnesota</option> <option value="Mississippi" data-f-datainput>Mississippi</option> <option value="Missouri" data-f-datainput>Missouri</option> <option value="Montana" data-f-datainput>Montana</option> <option value="Nebraska" data-f-datainput>Nebraska</option> <option value="Nevada" data-f-datainput>Nevada</option> <option value="New Hampshire" data-f-datainput>New Hampshire</option> <option value="New Jersey" data-f-datainput>New Jersey</option> <option value="New Mexico" data-f-datainput>New Mexico</option> <option value="New York" data-f-datainput>New York</option> <option value="North Carolina" data-f-datainput>North Carolina</option> <option value="North Dakota" data-f-datainput>North Dakota</option> <option value="Ohio" data-f-datainput>Ohio</option> <option value="Oklahoma" data-f-datainput>Oklahoma</option> <option value="Oregon" data-f-datainput>Oregon</option> <option value="Pennsylvania" data-f-datainput>Pennsylvania</option> <option value="Rhode Island" data-f-datainput>Rhode Island</option> <option value="South Carolina" data-f-datainput>South Carolina</option> <option value="South Dakota" data-f-datainput>South Dakota</option> <option value="Tennessee" data-f-datainput>Tennessee</option> <option value="Texas" data-f-datainput>Texas</option> <option value="Utah" data-f-datainput>Utah</option> <option value="Vermont" data-f-datainput>Vermont</option> <option value="Virginia" data-f-datainput>Virginia</option> <option value="Washington" data-f-datainput>Washington</option> <option value="West Virginia" data-f-datainput>West Virginia</option> <option value="Wisconsin" data-f-datainput>Wisconsin</option> <option value="Wyoming" data-f-datainput>Wyoming</option> </select> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1619" data-f-validationerror="" id="__field_1619_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormTextbox ValidationRequired" data-f-element-name="__field_1620" data-f-type="textbox"> <label for="d0033b46-4c46-40b0-ad7d-33c9c1d286cc" class="Form__Element__Caption">Zip Code</label> <input name="__field_1620" id="d0033b46-4c46-40b0-ad7d-33c9c1d286cc" type="text" class="FormTextbox__Input" aria-describedby="__field_1620_desc" placeholder="" required aria-required="true" data-f-datainput autocomplete="off"/> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1620" data-f-validationerror="" id="__field_1620_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormTextbox FormTextbox--Textarea" data-f-element-name="__field_1621" data-f-modifier="textarea" data-f-type="textbox"> <label for="8539a1c8-65b2-4b91-9df8-12fe179f66ac" class="Form__Element__Caption">Questions/Comment</label> <textarea name="__field_1621" id="8539a1c8-65b2-4b91-9df8-12fe179f66ac" class="FormTextbox__Input" placeholder="" data-f-label="Questions/Comment" data-f-datainput aria-describedby="__field_1621_desc" autocomplete="off"></textarea> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1621" data-f-validationerror="" id="__field_1621_desc" role="alert"></span></div></div><div class=" content-area__copy"> <div class="Form__Element FormParagraphText Form__Element--NonData hide" data-f-element-name="__field_1661" data-f-element-nondata=""> <div id="1924ead9-34fe-439e-b85e-2484df5d95f5" > <p style="text-align: center;"><strong>Details of Your Visit</strong></p> </div> <div id="1924ead9-34fe-439e-b85e-2484df5d95f5__OriginalText" class="Form__Original__ParagraphText"> <p style="text-align: center;"><strong>Details of Your Visit</strong></p> </div> </div></div><div class=" w-6col"> <div class="Form__Element FormTextbox hide" data-f-element-name="__field_3327" data-f-type="textbox"> <label for="0cceaf70-1695-4e21-9630-b5d30dfeb773" class="Form__Element__Caption">Company/Organization</label> <input name="__field_3327" id="0cceaf70-1695-4e21-9630-b5d30dfeb773" type="text" class="FormTextbox__Input" aria-describedby="__field_3327_desc" placeholder="" data-f-datainput autocomplete="off"/> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_3327" data-f-validationerror="" id="__field_3327_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormTextbox ValidationRequired hide" data-f-element-name="__field_1662" data-f-type="textbox"> <label for="bb37439e-2b92-4a8d-943a-9d786a62900c" class="Form__Element__Caption">Group Name</label> <input name="__field_1662" id="bb37439e-2b92-4a8d-943a-9d786a62900c" type="text" class="FormTextbox__Input" aria-describedby="__field_1662_desc" placeholder="" required aria-required="true" data-f-datainput autocomplete="off"/> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1662" data-f-validationerror="" id="__field_1662_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormSelection hide" data-f-element-name="__field_1663" data-f-type="selection"> <label for="d87da58d-c3fa-48aa-9623-48e183ec47f4" class="Form__Element__Caption">Attending Mass at the Shrine?</label> <select name="__field_1663" id="d87da58d-c3fa-48aa-9623-48e183ec47f4" data-f-datainput aria-describedby="__field_1663_desc" autocomplete="off"> <option disabled="disabled" selected="selected" value=""> -- Select an option -- </option> <option value="Yes" data-f-datainput>Yes</option> <option value="No" data-f-datainput>No</option> </select> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1663" data-f-validationerror="" id="__field_1663_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormTextbox FormTextbox--Number ValidationRequired hide" data-f-element-name="__field_1672" data-f-modifier="number" data-f-type="textbox"> <div lang=en> <label for="e3427b90-1649-4710-ae4c-5a8c85723c45" class="Form__Element__Caption">Number of People</label> <input name="__field_1672" id="e3427b90-1649-4710-ae4c-5a8c85723c45" type="number" step="any" placeholder="" class="FormTextbox__Input" required aria-required="true" data-f-datainput value="" aria-describedby="__field_1672_desc" autocomplete="off" /> </div> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1672" data-f-validationerror="" id="__field_1672_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormSelection ValidationRequired hide" data-f-element-name="__field_1665" data-f-type="selection"> <label for="97379b10-64e1-4bef-8fa8-e069116fadc6" class="Form__Element__Caption">Describe Your Group</label> <select name="__field_1665" id="97379b10-64e1-4bef-8fa8-e069116fadc6" required aria-required="true" data-f-datainput aria-describedby="__field_1665_desc" autocomplete="off"> <option disabled="disabled" selected="selected" value=""> -- Select an option -- </option> <option value="Church/Religious" data-f-datainput>Church/Religious</option> <option value="School" data-f-datainput>School</option> <option value="Knights of Columbus" data-f-datainput>Knights of Columbus</option> <option value="Youth Ministry" data-f-datainput>Youth Ministry</option> <option value="Confirmation" data-f-datainput>Confirmation</option> <option value="Sodality" data-f-datainput>Sodality</option> <option value="Other" data-f-datainput>Other</option> </select> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1665" data-f-validationerror="" id="__field_1665_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormTextbox ValidationRequired hide" data-f-element-name="__field_1666" data-f-type="textbox"> <label for="9966ab32-6b14-4c5f-9385-adcd2d7c5828" class="Form__Element__Caption">Date</label> <input name="__field_1666" id="9966ab32-6b14-4c5f-9385-adcd2d7c5828" type="text" class="FormTextbox__Input" aria-describedby="__field_1666_desc" placeholder="MM/DD/YYYY" required aria-required="true" data-f-datainput autocomplete="off"/> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1666" data-f-validationerror="" id="__field_1666_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormSelection hide" data-f-element-name="__field_1667" data-f-type="selection"> <label for="f2ab1309-0027-4866-b3ed-7a4eee56fcbb" class="Form__Element__Caption">Special Accommodations?</label> <select name="__field_1667" id="f2ab1309-0027-4866-b3ed-7a4eee56fcbb" data-f-datainput aria-describedby="__field_1667_desc" autocomplete="off"> <option disabled="disabled" selected="selected" value=""> -- Select an option -- </option> <option value="Yes" data-f-datainput>Yes</option> <option value="No" data-f-datainput>No</option> </select> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1667" data-f-validationerror="" id="__field_1667_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element FormTextbox FormTextbox--Textarea hide" data-f-element-name="__field_1670" data-f-modifier="textarea" data-f-type="textbox"> <label for="cba7ea27-5532-410e-ac4a-123dbe712af9" class="Form__Element__Caption">Please Describe</label> <textarea name="__field_1670" id="cba7ea27-5532-410e-ac4a-123dbe712af9" class="FormTextbox__Input" placeholder="" data-f-label="Please Describe" data-f-datainput aria-describedby="__field_1670_desc" autocomplete="off"></textarea> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1670" data-f-validationerror="" id="__field_1670_desc" role="alert"></span></div></div><div class=" w-6col"> <div class="Form__Element Form__CustomElement FormDateTime ValidationRequired hide" data-epiforms-element-name="__field_1668"> <label for="65dc534f-57c1-4f93-bd79-d232b5a4d828" class="Form__Element__Caption">Time</label> <input name="__field_1668" id="65dc534f-57c1-4f93-bd79-d232b5a4d828" type="text" class="Form__CustomInput FormDateTime__Input" placeholder="" aria-invalid="false" aria-describedby="__field_1668_desc" data-f-datainput required aria-required="true" /> <span data-epiforms-linked-name="__field_1668" class="Form__Element__ValidationError" id="__field_1668_desc" style=" display:none"></span> <script type="text/javascript"> var __SamplesDateTimeElements = __SamplesDateTimeElements || []; __SamplesDateTimeElements.push({ guid: "65dc534f-57c1-4f93-bd79-d232b5a4d828", pickerType: "timepicker" }); </script> </div> </div><div class=" w-6col"> <div class="Form__Element FormSelection hide" data-f-element-name="__field_1669" data-f-type="selection"> <label for="924b9326-43fc-4d8b-bf87-49670ded0ef4" class="Form__Element__Caption">How Did You Hear About Us?</label> <select name="__field_1669" id="924b9326-43fc-4d8b-bf87-49670ded0ef4" data-f-datainput aria-describedby="__field_1669_desc" autocomplete="off"> <option disabled="disabled" selected="selected" value=""> -- Select an option -- </option> <option value="Parish Bulletin" data-f-datainput>Parish Bulletin</option> <option value="Newspaper" data-f-datainput>Newspaper</option> <option value="Email Alert" data-f-datainput>Email Alert</option> <option value="Mass Announcement" data-f-datainput>Mass Announcement</option> <option value="Random Internet Search" data-f-datainput>Random Internet Search</option> <option value="Word of Mouth" data-f-datainput>Word of Mouth</option> <option value="Social Media" data-f-datainput>Social Media</option> <option value="Other" data-f-datainput>Other</option> </select> <span class="Form__Element__ValidationError hidden" data-f-linked-name="__field_1669" data-f-validationerror="" id="__field_1669_desc" role="alert"></span></div></div><div class=" content-area__copy"> <button id="33fc5d9c-9c50-40a5-b2ae-3c491b813cab" name="submit" type="submit" value="33fc5d9c-9c50-40a5-b2ae-3c491b813cab" data-f-is-finalized="false" data-f-is-progressive-submit="true" data-f-type="submitbutton" data-f-element-name="__field_1630" class="Form__Element FormExcludeDataRebind FormSubmitButton score-button md primary bg-buttonPrimary colorWhite"> Submit </button> </div> </section> </div> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8OIZoe2QuZNFvfS2mll9Q2lsOQsQPEz3fphxOnaoInGjTlTsyYSKrGqTsTnw6hC5zqX4Jc-B_ga6PSM-RylBbqPSpZVG2iw6u3ApGqMJpfw6ajkw4M08NucsA6PbjxLz_CaFnWpE6squNP7t160flQw" /></form> </div><div class=" w-4col"> <div class="callout-wrapper bg-colorKnightStoryGrey"> <div class="callout-content"> <div class="rich-text "> <p style="text-align: center;">For information about the Saint John Paul II National Shrine, please call <a href="tel:202-635-5401" target="_blank" rel="noopener">202-635-5401</a> or use the following contact form.</p> </div> </div> </div> </div> </div> </div> </div> </section> </div> </main> <div class="jump-to-top-btn"> <button type="button" class="scrollToTopBtn show"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"> <defs> <clipPath id="a"> <rect width="23.602" height="23.601" fill="#626161" /> </clipPath> </defs> <circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="#fff" opacity="0.65" /> <g transform="translate(0.375 0.399)"> <g clip-path="url(#a)"> <path d="M0,11.8A11.8,11.8,0,1,1,11.8,23.6,11.814,11.814,0,0,1,0,11.8m21.529,0A9.728,9.728,0,1,0,11.8,21.528,9.739,9.739,0,0,0,21.529,11.8" transform="translate(0 0)" fill="#626161" /> <path d="M14.648,27.369l6.579-6.579,6.579,6.579L26.34,28.834l-5.113-5.113-5.113,5.113Z" transform="translate(-9.426 -13.378)" fill="#626161" /> </g> </g> <rect width="24" height="24" fill="none" /> </svg> <span>Scroll up</span> </button> </div> <footer class="footer-block-wrapper"> <div class="container footer-block"> <div class="footer-menu"> <div class="footer-panel"> <div class="menu-list-block"> <h3 class="section-title">About</h3> <ul class="menu-list-links"> <li class="menu-list-item"> <a href="/about/" target="_self" aria-label="Overview">Overview</a> </li> <li class="menu-list-item"> <a href="/about/jp2-bio/" target="_self" aria-label="Saint John Paul II">Saint John Paul II</a> </li> <li class="menu-list-item"> <a href="/about/vocation-stories/" target="_self" aria-label="Vocation Stories">Vocation Stories</a> </li> <li class="menu-list-item"> <a href="/about/staff/" target="_self" aria-label="Leadership">Leadership</a> </li> <li class="menu-list-item"> <a href="/about/kofc/" target="_self" aria-label="K of C and the Shrine">K of C and the Shrine</a> </li> <li class="menu-list-item"> <a href="/about/donate/" target="_self" aria-label="Donate">Donate</a> </li> </ul> </div> </div> <div class="footer-panel"> <div class="menu-list-block"> <h3 class="section-title">Visit</h3> <ul class="menu-list-links"> <li class="menu-list-item"> <a href="/visit/" target="_self" aria-label="Hours and Directions">Hours and Directions</a> </li> <li class="menu-list-item"> <a href="/visit/plan-a-pilgrimage/" target="_self" aria-label="Plan a Pilgrimage">Plan a Pilgrimage</a> </li> <li class="menu-list-item"> <a href="/visit/resources-students-educators/" target="_self" aria-label="Resources for Students and Educators">Resources for Students and Educators</a> </li> <li class="menu-list-item"> <a href="/visit/pilgrim-resources/" target="_self" aria-label="Pilgrim Resources">Pilgrim Resources</a> </li> </ul> </div> </div> <div class="footer-panel"> <div class="menu-list-block"> <h3 class="section-title">Worship</h3> <ul class="menu-list-links"> <li class="menu-list-item"> <a href="/worship/" target="_self" aria-label="Liturgical Schedule">Liturgical Schedule</a> </li> <li class="menu-list-item"> <a href="/worship/relics/" target="_self" aria-label="Relics">Relics</a> </li> <li class="menu-list-item"> <a href="/worship/jp2-prayer/" target="_self" aria-label="Prayer to Saint John Paul II">Prayer to Saint John Paul II</a> </li> <li class="menu-list-item"> <a href="/worship/divine-mercy/" target="_self" aria-label="Divine Mercy Shrine">Divine Mercy Shrine</a> </li> </ul> </div> </div> <div class="footer-panel"> <div class="menu-list-block"> <h3 class="section-title">Exhibits & events</h3> <ul class="menu-list-links"> <li class="menu-list-item"> <a href="/exhibits/" target="_self" aria-label="Exhibits">Exhibits</a> </li> <li class="menu-list-item"> <a href="/events/" target="_self" aria-label="Events Calendar">Events Calendar</a> </li> <li class="menu-list-item"> <a href="https://www.youtube.com/@SaintJohnPaulIINationalShrine/streams" target="_blank" aria-label="Stream Online">Stream Online</a> </li> </ul> </div> </div> </div> <div class="footer-contact"> <div class="footer-brand"> <a href="/"> <img src="https://images1.cmp.optimizely.com/assets/jp2_logo_EN/Zz00NDA5N2FhZTZiMDAxMWVmOTgzNDUyMzA0OTA3ZjQ1MA==" loading="lazy" class="score-image img-fluid" alt="Knights of Columbus Logo" /> </a> <address class="menu-list-item"> <div class="rich-text "> <p>3900 HAREWOOD RD NE<br />WASHINGTON, DC 20017<br /><a href="tel:(202) 635-5401">(202) 635-5401</a></p> <p> </p> <p>OPEN EVERY DAY</p> <a class="score-button default sm primary bg-buttonPrimary GTMBUTTON" target="_blank" rel="noreferrer" title="Google Maps" href="https://maps.app.goo.gl/bg1aLfwz7aizjT689" data-target="" data-toggle="" > <span> </span> <span class="no-wrap"> DIRECTIONS <svg id="open" class="icon external" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <g id="Group_2409" class="icon-group" data-name="Group 2409" transform="translate(0.375 0.375)"> <path id="Path_671" data-name="Path 671" d="M48.347,36.612a1.124,1.124,0,0,0-1.122,1.122v7.347a2.145,2.145,0,0,1-2.143,2.143H30.388a2.145,2.145,0,0,1-2.143-2.143V30.388a2.145,2.145,0,0,1,2.143-2.143h7.347a1.122,1.122,0,0,0,0-2.245H30.388A4.393,4.393,0,0,0,26,30.388V45.081a4.393,4.393,0,0,0,4.388,4.388H45.081a4.393,4.393,0,0,0,4.388-4.388V37.735A1.124,1.124,0,0,0,48.347,36.612Z" transform="translate(-26 -26)" fill="#3a393b" /> <path id="Path_672" data-name="Path 672" d="M246.452,26.326a1.129,1.129,0,0,0-.789-.326h-5.72a1.122,1.122,0,1,0,0,2.245h3.007l-8.7,8.693a1.124,1.124,0,0,0-.007,1.587l0,0a1.124,1.124,0,0,0,1.587.006l8.7-8.7v3a1.122,1.122,0,1,0,2.245,0V27.124A1.117,1.117,0,0,0,246.452,26.326ZM234.465,38.314Z" transform="translate(-223.31 -26)" fill="#3a393b" /> </g> <rect id="Rectangle_558" data-name="Rectangle 558" width="24" height="24" transform="translate(24 24) rotate(180)" fill="none" /> </svg> </span> </a> </div> </address> </div> <div class="footer-social-title"> <h4 class="footer-social-title__text">Connect with the Shrine:</h4> </div> <div class="footer-social"> <a href="https://www.instagram.com/jp2shrine/" target="_blank" aria-label=""> <img class="social-icon" src="https://images1.cmp.optimizely.com/assets/instagram.svg/Zz03NzcxYzdkNjM1M2UxMWVmOTUzYWJhOTM0MTRjMzNjYw==" loading="lazy" alt="Instagram icon" /> </a> <a href="https://www.facebook.com/JP2Shrine" target="_blank" aria-label="Facebook"> <img class="social-icon" src="https://images2.cmp.optimizely.com/assets/facebook.svg/Zz02YWRlNmNiODM1M2UxMWVmYjViZjhhNDYzOGQxODJhOQ==" loading="lazy" alt="Facebook icon" /> </a> <a href="https://twitter.com/JP2Shrine" target="_blank" aria-label="Twitter"> <img class="social-icon" src="https://images2.cmp.optimizely.com/assets/x.svg/Zz1jODlmZmUzNDM1M2UxMWVmOGE3MTM2NzZmN2QwZWZhOQ==" loading="lazy" alt="Twitter/X icon" /> </a> <a href="https://www.youtube.com/channel/UCFTeh0aaqAA3-nAYAI7K6zA" target="_blank" aria-label="Youtube!"> <img class="social-icon" src="https://images4.cmp.optimizely.com/assets/youtube.svg/Zz1jZDljMmNiNDM1M2UxMWVmOGJiNWYyNzU1ODc3NGJmZg==" loading="lazy" alt="Youtube icon" /> </a> <a href="https://www.tripadvisor.com/Attraction_Review-g28970-d254181-Reviews-Saint_John_Paul_II_National_Shrine-Washington_DC_District_of_Columbia.html" target="_blank" aria-label="Trip Advisor"> <img class="social-icon" src="https://images4.cmp.optimizely.com/assets/TripAdvisor.svg/Zz0zNWE5NDc1MjZiYTMxMWVmOTM5ODZhOWY2MzJhNzBjMw==" loading="lazy" alt="Trip Advisor icon" /> </a> </div> </div> </div> <div class="footer-utility-main-wrapper"> <div class="container footer-utility-wrapper"> <div class="footer-utility-links"> <ul> <li> <a href="/policies/privacy/" target="_self" aria-label="PRIVACY/USAGE"> PRIVACY/USAGE </a> </li> <li> <a href="/contact/" target="_self" aria-label="CONTACT US"> CONTACT US </a> </li> <li> <a href="/about/donate/" target="_self" aria-label="SUPPORT THE SHRINE"> SUPPORT THE SHRINE </a> </li> </ul> </div> <div class="footer-utility-copy-right"> <p><span class="copyright"><span class="copy-label ng-binding"><span class="ui-provider a b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak" dir="ltr">©</span>Copyright </span><span class="copy-year ng-binding">2024</span><span class="copy-separator">, Knights of Columbus, All rights reserved.</span></span></p> </div> </div> </div> </footer> <script src="/dist/sites/JP2/vendor.js?v=FmWJZqeNtdsqcb59pYuOmh-eMDML8t_9vFP5vZZ9jP4" type="module"></script> <script src="/dist/sites/JP2/main.js?v=nwqkwONRttQiAR8Vz2qyXdM5hwW490UNweA3e5vyfog" type="module"></script> <script defer="defer" src="/Util/Find/epi-util/find.js"></script> <script src="/Util/EPiServer.Forms/jquery-3.5.1.min.js"></script> <script> /* This EPiServerForms_prerequisite.js TEMPLATE will be compiled with serverside values and injected into ViewMode page We reuse the existed global var epi from EPiServer CMS, if any. It will init/grab the epi object, and init epi.EPiServer.Forms object */ // (by default) Forms's jQuery will be injected right before this file. From now on, we refer Forms own jQuery as $$epiforms. // after this code, the object $ and jQuery will revert back to its original meaning in original library (Alloy jQuery or other lib). // Our clients' sites may include their own Jquery version (e.g. a higher version for some special functionalities), which leads to unexpected conflicts with ours. // To avoid this, we use jQuery.noConflict() to set up $$epiforms as an allias for our jquery and then, revert Jquery allias to clients' by using // epi.EPiServer.Forms.OriginalJQuery whose value is set up as Jquery at the beginning in FormBlockController. // This also allows us to extend our own Jquery's functionalities without causing further conflicts. var $$epiforms = epi.EPiServer.Forms.InjectFormOwnJQuery ? jQuery.noConflict() : jQuery; if (epi.EPiServer.Forms.OriginalJQuery) { jQuery = epi.EPiServer.Forms.OriginalJQuery; delete epi.EPiServer.Forms.OriginalJQuery; } (function () { var externalScript = ["/Util/EPiServer.Forms.Samples/jquery-ui/jquery-ui.min.js","/Util/EPiServer.Forms.Samples/js/EPiServerFormsSamples.js","/Util/EPiServer.Forms.Samples/js/datetimepicker.modified.js","/Util/EPiServer.Forms.Samples/js/DateTimeElementBlock.js"], externalCss = ["/Util/EPiServer.Forms.Samples/css/EPiServerFormsSamples.css","/Util/EPiServer.Forms.Samples/jquery-ui/jquery-ui.min.css","/Util/EPiServer.Forms.Samples/jquery-ui/jquery-ui.structure.min.css","/Util/EPiServer.Forms.Samples/jquery-ui/jquery-ui.theme.min.css"]; if (epi.EPiServer.Forms.ExternalScriptSources) { externalScript = epi.EPiServer.Forms.ExternalScriptSources.concat(externalScript); // Remove duplicate items externalScript = externalScript.filter(function (value, index, self) { return self.indexOf(value) === index; }); } if (epi.EPiServer.Forms.ExternalCssSources) { externalCss = epi.EPiServer.Forms.ExternalCssSources.concat(externalCss); // Remove duplicate items externalCss = externalCss.filter(function (value, index, self) { return self.indexOf(value) === index; }); } $$epiforms.extend(true, epi.EPiServer, { CurrentPageLink: "683", CurrentPageLanguage: "en", CurrentFormLanguage: "en", Forms: { Utils: {}, Data: {}, Extension: {}, Validation: {}, Navigation: {}, Dependency: {}, $: $$epiforms, // save our own link to our own jQuery ThrottleTimeout: 500, // miliseconds ExternalScriptSources: externalScript, ExternalCssSources: externalCss, UploadExtensionBlackList: "asp,aspx,asa,ashx,asmx,bat,chm,class,cmd,com,config,dll,exe,hta,htr,htw,jse,json,lnk,mda,mdb,msc,msh,pif,printer,ps1,ps2,reg,rem,scf,scr,sct,shtm,shtml,soap,stm,svc,url,vb,vbe,vbs,vsix,ws,wsc,wsf,wsh,xamlx,htm,html,js,jar", Messages: {"viewMode":{"malformStepConfiguration":"Improperly formed FormStep configuration. Some steps are attached to pages, while some steps are not attached, or attached to content with no public URL.","commonValidationFail":"This element value is not valid."},"fileUpload":{"overFileSize":"The upload file size should be less than {0} MB.","invalidFileType":"The upload file format is not allowed or not supported.","postedFile":"(Previous posted file(s): {0})"}}, LocalizedResources: {"samples":{"criteria":{"formcriterion":{"category":"Episerver Forms","displayname":"Submitted Form","description":"Checks for form submission by the visitor.","submissionstatus":"Submission status","selectedform":"Selected form"},"submittedvaluecriterion":{"category":"Episerver Forms","displayname":"Submitted Form Value","description":"Checks for form submission value by the visitor.","selectedform":"Selected form","selectedfield":"Selected field","condition":"Condition","value":"Value"}},"datetimepickertype":{"datepicker":"Date picker","timepicker":"Time picker","datetimepicker":"Date time picker"},"confirmationdialog":{"title":"Summary","buttons":{"ok":"OK","cancel":"Cancel"}},"editview":{"requirejsrecaptcha":"JavaScript is required to display reCAPTCHA.","requirejshcaptcha":"JavaScript is required to display hCAPTCHA."},"messages":{"imagesubmitbutton":{"initializationmessage":"This is an image submit button. Please, choose an image for it."}}},"viewmode":{"addresselement":{"addresslabel":"Address","streetlabel":"Street","citylabel":"City","statelabel":"State","postallabel":"Postal Code","countrylabel":"Country"},"stepnavigation":{"previous":"Previous step","next":"Next step","page":"Step"},"untitled":"Untitled","selection":{"selectanoption":"-- Select an option --","selectoptions":"-- Select options --"},"reset":"Reset form","submit":"Submit","refreshcaptcha":"Refresh captcha","captchalabel":"Word verification","malformstepconfigruation":"Improperly formed FormStep configuration. Some steps are attached to pages, while some steps are not attached, or attached to content with no public URL.","commonvalidationfail":"This element value is not valid.","readonlymode":"Read-only mode. Submitted data is not saved.","submissionactors":{"savedatatostorage":{"error":"Something went wrong. Please contact the administrator for more information."}},"errorformusingdivinnonjsmode":"Form render using div element required js enabled to be able to work properly","error":"Something went wrong. Please contact the administrator for more information."},"validators":{"episerver.forms.samples.implementation.validation.datetimevalidator":{"displayname":"Datetime validator","message":"Enter a valid date time in {0} hh:mm format."},"episerver.forms.samples.implementation.validation.datevalidator":{"displayname":"Date validator","message":"Enter a valid date in {0} format."},"episerver.forms.samples.implementation.validation.timevalidator":{"displayname":"Time validator","message":"Enter a valid time, e.g. 10:20 AM."},"episerver.forms.samples.implementation.validation.recaptchavalidator":{"displayname":"Recaptcha validator","message":"Invalid reCAPTCHA value, please try again."},"episerver.forms.samples.implementation.validation.hcaptchavalidator":{"displayname":"Hcaptcha validator","message":"Invalid hCAPTCHA value, please try again."},"episerver.forms.implementation.validation.datetimerangevalidator":{"displayname":"Date time range","message":"Enter a valid date time range."},"episerver.forms.implementation.validation.addressvalidator":{"displayname":"Address","message":"Enter a valid address."},"episerver.forms.implementation.validation.requiredvalidator":{"displayname":"Required","message":"This field is required."},"episerver.forms.implementation.validation.regularexpressionvalidator":{"displayname":"Regular expression","message":"This field should be in \"{0}\" format."},"episerver.forms.implementation.validation.captchavalidator":{"displayname":"Captcha","message":"Enter the characters you see in the picture."},"episerver.forms.implementation.validation.allowedextensionsvalidator":{"displayname":"Allowed extensions","message":"The upload file format is not allowed or not supported.","allowedextensionsmessage":"The upload file format is not allowed or not supported. File format should be: {0}."},"episerver.forms.implementation.validation.maxfilesizevalidator":{"displayname":"Max file size","message":"The upload file size should be less than {0} MB."},"episerver.forms.implementation.validation.emailvalidator":{"displayname":"Email","message":"Enter a valid email address."},"episerver.forms.implementation.validation.urlvalidator":{"displayname":"Url","message":"Enter a valid URL."},"episerver.forms.implementation.validation.dateddmmyyyyvalidator":{"displayname":"Date (DD/MM/YYYY)","message":"Enter a date in the DD/MM/YYYY format."},"episerver.forms.implementation.validation.datemmddyyyyvalidator":{"displayname":"Date (MM/DD/YYYY)","message":"Enter a date in the MM/DD/YYYY format."},"episerver.forms.implementation.validation.dateyyyymmddvalidator":{"displayname":"Date (YYYY-MM-DD)","message":"Enter a date in the YYYY-MM-DD format."},"episerver.forms.implementation.validation.numericvalidator":{"displayname":"Numeric","message":"Enter a valid number."},"episerver.forms.implementation.validation.integervalidator":{"displayname":"Integer","message":"Enter a valid integer."},"episerver.forms.implementation.validation.positiveintegervalidator":{"displayname":"Positive integer","message":"Enter a valid positive integer."},"elementselfvalidator":{"unexpectedvalueisnotaccepted":"Unexpected value is not accepted."},"custommessage":{"resetbuttonlabel":"Reset to default","errormessagelabel":"Error message "},"fileuploadelementselfvalidator":{"multiplefilenotallowed":"Not allowed to upload multiple files."},"rangeelementblockselfvalidator":{"rangeinputinvalidnumber":"Range value must be in range of [{0}-{1}]'s value with Step = {2}"},"selectionelementseflvalidator":{"notallowmultiselection":"Multiple choices are not accepted."}},"externalsystems":{"episerver.marketing.connector.forms.marketingconnectormapping":{"displayname":"MA System Database"}},"conditioncombination":{"all":"All","any":"Any"},"satisfiedaction":{"hide":"Hidden","show":"Shown"},"contenttypescomponent":{"title":"Form Elements","description":"Show all content types of Optimizely Forms"},"formscomponent":{"title":"Forms","description":"Manage forms for the website","command":{"create":{"label":"New form"},"viewdata":{"label":"Form submissions"}},"messages":{"nocontent":"This folder does not contain any forms."}},"formdataview":{"name":"Form submissions","description":"View form submissions","heading":"Form submissions","begindate":"From date","enddate":"To date","search":"Search","nodata":"There is no data","export":"Export as ...","exportasxml":"XML","exportasxmldesc":"Export form data in XML format","exportascsv":"CSV","exportascsvdesc":"Export form data in CSV format","exportasjson":"JSON","exportasjsondesc":"Export form data in JSON format","finalizedonly":"Finalized Only","deleteselecteditems":"Delete","exportasxlsx":"XLSX","exportasxlsxdesc":"Export form data in XLSX format","selectalltooltip":"Select All","deselectalltooltip":"Deselect All","deleteconfirmation":"Do you want to delete the selected items? This action cannot be undone.","nopostid":"No post Id for deleting.","couldnotgetassociateform":"Could not get associate Form.","deletesuccessful":"Successfully deleted post data.","accessdenied":"You do not have permission to view this data.","submittime":"Time","submituser":"By user","hostedpage":"Submitted from","finalizedsubmission":"Finalized","selectioninfo":"All <b>${0}</b> record(s) are selected. ","extraselectionlink":"Select all <b>${0}</b> records","clearselectionlink":"Clear selection","filterdata":"Filter","searchallcolumns":"All columns","exportasdecryptedcsv":"Decrypted CSV","exportasdecryptedcsvdesc":"Decrypt and export form data in CSV format"},"formscontentarea":{"emptyactions":{"actions":{"createnewformselement":"create a new element"},"template":"You can drop form elements here or ","templatewithoutcreate":"You can drop content here."}},"fieldselector":{"title":"Select dependent field"},"submissionactors":{"episerver.forms.implementation.actors.callwebhookaftersubmissionactor":{"displayname":"Trigger webhook after form submission"},"episerver.forms.implementation.actors.sendemailaftersubmissionactor":{"displayname":"Send email after form submission"}},"visitordatasources":{"episerver.forms.implementation.visitordata.ipaddressvisitordatasource":{"displayname":"IP Address"},"episerver.forms.implementation.visitordata.geovisitordatasource":{"displayname":"Geo","properties":{"city":"City","country_code":"Country code","country_name":"Country name","ip":"IP","latitude":"Latitude","longitude":"Longitude","region_code":"Region code","region_name":"Region name","time_zone":"Time zone","zip_code":"Zip code"}},"episerver.forms.implementation.visitordata.profilevisitordatasource":{"displayname":"Profile","properties":{"address":"Address","zipcode":"Zip code","locality":"Locality","email":"Email","firstname":"First name","lastname":"Last name","language":"Language","country":"Country","company":"Company","title":"Title","phonenumber":"Phone number"}},"episerver.forms.implementation.visitordata.useragentvisitordatasource":{"displayname":"User agent","properties":{"ismobiledevice":"Is mobile","useragent":"User agent"}},"episerver.forms.implementation.visitordata.visitorgroupvisitordatasource":{"displayname":"Audiences","properties":{"id":"Id","name":"Name"}},"youmustselectvalueforhiddenvisitor":"You must select a value for the type of visitor data you choose."},"messages":{"fileupload":{"overfilesize":"The upload file size should be less than {0} MB.","invalidfiletype":"The upload file format is not allowed or not supported.","postedfile":"(Previous posted file(s): {0})"},"formsubmission":{"outdatedforminit":"Your current session for viewing the form is expired. Refresh your page to continue.","requirelogin":"You must be logged in to submit this form. If you are logged in and still cannot post, make sure \"Do not track\" in your browser settings is disabled.","denymultisubmit":"You already submitted this form.","submitsuccess":"The form has been submitted successfully.","validationfailformat":"Validation failed on \"{0}\" field: {1}","thereisnoformguid":"Submit data FAILED: there is no Form's Guid.","couldnotgetform":"Submit data FAILED: could not get Form with Id = {0} in language {1}.","submitcancelled":"TECHNICAL INFO: Submitting process is cancelled. Reason: ","formisrestricted":"Could not submit form. You do not have sufficient privileges.","formexpired":"Could not submit form. Form has been expired.","formdeleted":"Could not submit form. Form has been deleted.","submitnotsuccess":"Failed to submit.","sessionoff":"You cannot submit this form because an administrator has turned off data storage.","noelementstep":"Submit data FAILED: there is no element data exist on submitted step.","submissionfinalized":"Could not submit form. Submission has been finalized."}},"dependcondition":{"notapplicable":"Not applicable","matchregularexpression":"Match with regular expression","equals":"Equals","notequals":"Not equals","contains":"Contains","notcontains":"Not contains"},"imagechoiceitems":{"emptyactions":{"actions":{"createnewitem":"Create a link to an image"},"template":"Drop image content here.<br/>You also can {createnewitem}."},"menutooltip":"Display menu"},"editview":{"elementdependant":"This field depends on other field(s)","retentionperiod":{"partial":"partial","finalized":"finalized","default":"Default","keepforsomedays":"{0} days","customization":"Custom (days):","keepforever":"Forever","validation":{"errormessage":{"long":"The {0} submission retention period field must be an integer between {1} and {2}","short":"Input must be an integer between {0} and {1}"}},"revision":{"warningmessage":"At least {0} submission(s) are affected by your retention policy change"}},"notconfigured":"Not configured yet","insertplaceholder":"Insert placeholder","selectanitem":"Select an item","externalsystems":"External system field mapping","connecteddatasource":"Connect to Datasource","createemailtemplate":"Create email template","editemailtemplate":"Edit email template","addwebhook":"Add webhook","editwebhook":"Edit webhook","selectpage":"Select Page","editpage":"Edit page link","usemanualinput":"Use manual input","errorconditionalstepcannotcontainrequiredelement":"This Form step should not depend on other elements because it contains mandatory element [{0}].","cannotbuildformmodel":"Cannot build the form. You cannot use FormContainerBlock as a property. You can render a form in a ContentArea only.","placeholderwarning":{"subject":"Form element is used as a placeholder changed name","message":"Name of element <b>{0}</b> in form <b>{1}</b> which is used as a placeholder has been changed, you should also update the placeholder in the form under the \"Settings\" tab."},"resetconnecteddatasource":"Reset"},"contentediting":{"fielddependency":{"condition":{"field":"Field","operator":"Operator","value":"Value"},"invalidcondition":"The condition is no longer valid","conditiondialog":{"title":"Condition Details"}},"optionitem":{"caption":"Choice","value":"Value","checked":"Checked by default","containsinvalidcharacter":"Comma (,) character is not allowed."},"emailtemplateactor":{"fromemail":"From","fromemaildescription":"Email address to send from","toemails":"To","toemailsdescription":"Email address to send to, or name of a form field with the email address (for confirmation emails)","subject":"Subject","subjectdescription":"Subject line for the email. You can use #FIELDNAME# to insert values from the form.","body":"Message","bodydescription":"The body of the email. You can insert values from the form with #FIELDNAME#, or show a summary listing of the form fields with #SUMMARY.","fromemailplaceholder":"someone@example.com","toemailsplaceholder":"address@example.com,...","subjectplaceholder":"Enter email subject","replyto":"Reply To","replytoplaceholder":"replytoaddress@example.com,...","replytodescription":"Email address that the reply email is sent when you want the reply to go to an email address that is different than the From"},"webhookactor":{"url":"Webhook URL","urldescription":"Webhook URL to send data payload to (http or https protocol).","jsonformat":"POST data in JSON format"},"validation":{"circulardependency":"Circular dependency configuration is not allowed","greaterthanequaltoerrorformat":"The {0} must be >= {1}'s value.","lessthanequaltoerrorformat":"The {0} must be <= {1}'s value.","inrangeerrorformat":"\"{0}\" is not a valid value for {1}. Only number is allowed and {1} must be in range of [{2} - {3}]'s value.","stepinrangeerrorformat":"The {0} must be >= 1 and <= {2} - {1} value.","positiveinteger":"Only a positive number is allowed."}},"rangeelementblock":{"increment":"Increment","decrement":"Decrement"}} } }); })(); </script> <script src="/Util/EPiServer.Forms/EPiServerForms.min.js"></script> <script> if (typeof $$epiforms !== 'undefined') { $$epiforms(document).ready(function () { $$epiforms('.EPiServerForms, [data-f-type="form"]').on("formsNavigationNextStep formsSetupCompleted", function (event) { (function ($) { var originalText = $("#1924ead9-34fe-439e-b85e-2484df5d95f5" + "__OriginalText", $workingForm).html(), workingFormInfo = event.workingFormInfo, searchPattern = null, $workingForm = workingFormInfo.$workingForm, $currentElement = $("#1924ead9-34fe-439e-b85e-2484df5d95f5", $workingForm); // if cannot find the element in form, do nothing if (!$currentElement || $currentElement.length == 0) { return; } var data = epi.EPiServer.Forms.Data.loadFormDataFromStorage(workingFormInfo.Id); // In case the element is not under the form folder, Model.HasPlaceHolder() will return false because of cannot find the owner form. // So when Model.FindOwnerForm() is null, we allow to replace the placeholder in JS mode. if (false) { // replace placeholder with real field value for (var fieldName in workingFormInfo.ElementsInfo) { if (workingFormInfo.FieldsExcludedInSubmissionSummary.indexOf(fieldName) != -1) { continue; } var elementInfo = workingFormInfo.ElementsInfo[fieldName], friendlyName = elementInfo.friendlyName; if (!friendlyName) { continue; } var value = elementInfo && elementInfo.customBinding == true ? epi.EPiServer.Forms.CustomBindingElements[elementInfo.type](elementInfo, data[fieldName]) : data[fieldName]; if (value == null || value === undefined) { value = ""; } // If the element is inactive (hidden due to dependency rules), set its value to empty if (epi.EPiServer.Forms.Dependency._isInactiveElement(fieldName, workingFormInfo)) { value = ""; } //We have to encode the friendlyName before replacing it with placeholders in the paragraph text because the paragraph text is already encoded. var encodedFriendlyName = $('<div></div>').text(friendlyName).html(); //https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/replace //https://msdn.microsoft.com/en-us/library/ewy2t5e0.aspx var escapeSpecialCharacterFromEncodedFriendlyName = encodedFriendlyName.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'); // Add backward compatible for old placeholder key searchPattern = new RegExp("(?:#|::)" + escapeSpecialCharacterFromEncodedFriendlyName + "(?:#|::)", 'gi'); originalText = originalText.replace(searchPattern, $('<div></div>').text(value).html()); } } $currentElement.html(originalText); })($$epiforms); }); }); } </script> <script> document.addEventListener('DOMContentLoaded',function(){if(typeof FindApi === 'function'){var api = new FindApi();api.setApplicationUrl('/');api.setServiceApiBaseUrl('/find_v2/');api.processEventFromCurrentUri();api.bindWindowEvents();api.bindAClickEvent();api.sendBufferedEvents();}}) </script> <script type="text/javascript"> window._monsido = window._monsido || { token: "Jt1PNOD-i2X9A1ws-Y3DMQ", }; </script> <script type="text/javascript" async src="https://app-script.monsido.com/v2/monsido-script.js"></script> </div> </body> </html>