13 Replies Latest reply on May 25, 2018 6:57 PM by cravercm-Oracle

    Having embedded Eloqua form redirect to confirmation page after submission

    5337af4d-fa0a-43e1-9ce2-7c5cbb0e1e92

      Hello,

       

      I have an eloqua form embedded into a WordPress website. As far as sending the data to my contact list in Eloqua, that workds great. However, the issue is that when someone clicks on submit, it just takes them to a blank page with the url of contact form.

       

      However, I just want to add something to my javascript that will allow the user to stay on the page or maybe display a message like, "Your form has been submitted. Thank you for signing up for our newsletter". My code is below. Thank you in advance for any help.

       

      <div>

        <form method="post" name="dev-axial-1481919338179" action="https://s1913652004.t.eloqua.com/e/f2" onsubmit="setTimeout(function(){if(document.querySelector){var s=document.querySelector('form#form466 input[type=submit]');if(s){s.disabled=true;}}},100);return true;" id="form466" class="elq-form" target="_blank">==$0

          <input value="dev-axial-1481919338179" type="hidden" name="elqFormName"  />

      <h2 class="contact-header">Sign up for Axial Acs E-newsletter today!</h2>

          <input value="1913652004" type="hidden" name="elqSiteId"  />

          <input name="elqCampaignId" type="hidden"  />

          <div id="formElement0" class="sc-view form-design-field sc-static-layout item-padding sc-regular-size" >

            <div class="field-wrapper" >

            </div>

            <div class="individual field-wrapper" >

              <div class="_100 field-style" >

                <p class="field-p" >

                  <label for="field0" class="label-position top " >

                    First Name

                  </label>

                  <input id="field0" name="firstName" type="text" value= First Name class="field-size-top-large"  />

                </p>

              </div>

            </div>

          </div>

          <div id="formElement1" class="sc-view form-design-field sc-static-layout item-padding sc-regular-size" >

            <div class="field-wrapper" >

            </div>

            <div class="individual field-wrapper" >

              <div class="_100 field-style" >

                <p class="field-p" >

                  <label for="field1" class="label-position top " >

                    Last Name

                  </label>

                  <input id="field1" name="lastName" type="text" value= Last Name class="field-size-top-large"  />

                </p>

              </div>

            </div>

          </div>

          <div id="formElement2" class="sc-view form-design-field sc-static-layout item-padding sc-regular-size" >

            <div class="field-wrapper" >

            </div>

            <div class="individual field-wrapper" >

              <div class="_100 field-style" >

                <p class="field-p" >

                  <label for="field2" class="label-position top " >

                    Email Address

                  </label>

                  <input id="field2" name="emailAddress" type="text" value= Email Address class="field-size-top-medium"  />

                </p>

              </div>

            </div>

          </div>

          <div id="formElement3" class="sc-view form-design-field sc-static-layout item-padding sc-regular-size" >

            <div class="field-wrapper" >

            </div>

            <div class="individual field-wrapper" >

              <div class="_100 field-style" >

                <p class="field-p" >

                  <label for="field3" class="label-position top " >

                    Country

                  </label>

                  <select id="field3" name="country" class="field-size-top-medium" >

                    <option value="" >

                      -- Please Select --

                    </option>

                    <option value="Afghanistan" >

                      Afghanistan

                    </option>

                    <option value="Albania" >

                      Albania

                    </option>

                    <option value="Algeria" >

                      Algeria

                    </option>

                    <option value="American Samoa" >

                      American Samoa

                    </option>

                    <option value="Andorra" >

                      Andorra

                    </option>

                    <option value="Angola" >

                      Angola

                    </option>

                    <option value="Anguilla" >

                      Anguilla

                    </option>

                    <option value="Antarctica" >

                      Antarctica

                    </option>

                    <option value="Antigua and Barbuda" >

                      Antigua and Barbuda

                    </option>

                    <option value="Argentina" >

                      Argentina

                    </option>

                    <option value="Armenia" >

                      Armenia

                    </option>

                    <option value="Aruba" >

                      Aruba

                    </option>

                    <option value="Australia" >

                      Australia

                    </option>

                    <option value="Austria" >

                      Austria

                    </option>

                    <option value="Azerbaijan" >

                      Azerbaijan

                    </option>

                    <option value="Bahamas" >

                      Bahamas

                    </option>

                    <option value="Bahrain" >

                      Bahrain

                    </option>

                    <option value="Bangladesh" >

                      Bangladesh

                    </option>

                    <option value="Barbados" >

                      Barbados

                    </option>

                    <option value="Belarus" >

                      Belarus

                    </option>

                    <option value="Belgium" >

                      Belgium

                    </option>

                    <option value="Belize" >

                      Belize

                    </option>

                    <option value="Benin" >

                      Benin

                    </option>

                    <option value="Bermuda" >

                      Bermuda

                    </option>

                    <option value="Bhutan" >

                      Bhutan

                    </option>

                    <option value="Bolivia" >

                      Bolivia

                    </option>

                    <option value="Bosnia and Herzegovina" >

                      Bosnia and Herzegovina

                    </option>

                    <option value="Botswana" >

                      Botswana

                    </option>

                    <option value="Brazil" >

                      Brazil

                    </option>

                    <option value="Brit Indian Ocean Terr" >

                      Brit Indian Ocean Terr

                    </option>

                    <option value="British Virgin Islands" >

                      British Virgin Islands

                    </option>

                    <option value="Brunei Darussalam" >

                      Brunei Darussalam

                    </option>

                    <option value="Bulgaria" >

                      Bulgaria

                    </option>

                    <option value="Burkina Faso" >

                      Burkina Faso

                    </option>

                    <option value="Burma" >

                      Burma

                    </option>

                    <option value="Burundi" >

                      Burundi

                    </option>

                    <option value="Cambodia" >

                      Cambodia

                    </option>

                    <option value="Cameroon" >

                      Cameroon

                    </option>

                    <option value="Canada" >

                      Canada

                    </option>

                    <option value="Cape Verde" >

                      Cape Verde

                    </option>

                    <option value="Cayman Islands" >

                      Cayman Islands

                    </option>

                    <option value="Chad" >

                      Chad

                    </option>

                    <option value="Chile" >

                      Chile

                    </option>

                    <option value="China" >

                      China

                    </option>

                    <option value="Christmas Island" >

                      Christmas Island

                    </option>

                    <option value="Colombia" >

                      Colombia

                    </option>

                    <option value="Congo" >

                      Congo

                    </option>

                    <option value="Costa Rica" >

                      Costa Rica

                    </option>

                    <option value="Côte d'Ivoire" >

                      Côte d'Ivoire

                    </option>

                    <option value="Croatia" >

                      Croatia

                    </option>

                    <option value="Cuba" >

                      Cuba

                    </option>

                    <option value="Cyprus" >

                      Cyprus

                    </option>

                    <option value="Czech Republic" >

                      Czech Republic

                    </option>

                    <option value="Denmark" >

                      Denmark

                    </option>

                    <option value="Djibouti" >

                      Djibouti

                    </option>

                    <option value="Dominica" >

                      Dominica

                    </option>

                    <option value="Dominican Republic" >

                      Dominican Republic

                    </option>

                    <option value="Ecuador" >

                      Ecuador

                    </option>

                    <option value="Egypt" >

                      Egypt

                    </option>

                    <option value="El Salvador" >

                      El Salvador

                    </option>

                    <option value="Eritrea" >

                      Eritrea

                    </option>

                    <option value="Estonia" >

                      Estonia

                    </option>

                    <option value="Ethiopia" >

                      Ethiopia

                    </option>

                    <option value="Falkland Islands (Malvinas)" >

                      Falkland Islands (Malvinas)

                    </option>

                    <option value="Faroe Islands" >

                      Faroe Islands

                    </option>

                    <option value="Fiji" >

                      Fiji

                    </option>

                    <option value="Finland" >

                      Finland

                    </option>

                    <option value="France" >

                      France

                    </option>

                    <option value="French Guiana" >

                      French Guiana

                    </option>

                    <option value="French Polynesia" >

                      French Polynesia

                    </option>

                    <option value="Gabon" >

                      Gabon

                    </option>

                    <option value="Gambia" >

                      Gambia

                    </option>

                    <option value="Georgia" >

                      Georgia

                    </option>

                    <option value="Germany" >

                      Germany

                    </option>

                    <option value="Ghana" >

                      Ghana

                    </option>

                    <option value="Gibraltar" >

                      Gibraltar

                    </option>

                    <option value="Greece" >

                      Greece

                    </option>

                    <option value="Greenland" >

                      Greenland

                    </option>

                    <option value="Grenada" >

                      Grenada

                    </option>

                    <option value="Guadeloupe" >

                      Guadeloupe

                    </option>

                    <option value="Guam" >

                      Guam

                    </option>

                    <option value="Guatemala" >

                      Guatemala

                    </option>

                    <option value="Guinea" >

                      Guinea

                    </option>

                    <option value="Guinea-Bissau" >

                      Guinea-Bissau

                    </option>

                    <option value="Guyana" >

                      Guyana

                    </option>

                    <option value="Haiti" >

                      Haiti

                    </option>

                    <option value="Holy See (Vatican City State)" >

                      Holy See (Vatican City State)

                    </option>

                    <option value="Honduras" >

                      Honduras

                    </option>

                    <option value="Hong Kong" >

                      Hong Kong

                    </option>

                    <option value="Hungary" >

                      Hungary

                    </option>

                    <option value="Iceland" >

                      Iceland

                    </option>

                    <option value="India" >

                      India

                    </option>

                    <option value="Indonesia" >

                      Indonesia

                    </option>

                    <option value="Iran, Islamic Republic of" >

                      Iran, Islamic Republic of

                    </option>

                    <option value="Iraq" >

                      Iraq

                    </option>

                    <option value="Ireland" >

                      Ireland

                    </option>

                    <option value="Israel" >

                      Israel

                    </option>

                    <option value="Italy" >

                      Italy

                    </option>

                    <option value="Jamaica" >

                      Jamaica

                    </option>

                    <option value="Japan" >

                      Japan

                    </option>

                    <option value="Jordan" >

                      Jordan

                    </option>

                    <option value="Kazakhstan" >

                      Kazakhstan

                    </option>

                    <option value="Kenya" >

                      Kenya

                    </option>

                    <option value="Kiribati" >

                      Kiribati

                    </option>

                    <option value="Korea, Democratic People's Republic of" >

                      Korea, Democratic People's Republic of

                    </option>

                    <option value="Korea, Republic of" >

                      Korea, Republic of

                    </option>

                    <option value="Kuwait" >

                      Kuwait

                    </option>

                    <option value="Kyrgyzstan" >

                      Kyrgyzstan

                    </option>

                    <option value="Lao People's Democratic Republic" >

                      Lao People's Democratic Republic

                    </option>

                    <option value="Latvia" >

                      Latvia

                    </option>

                    <option value="Lebanon" >

                      Lebanon

                    </option>

                    <option value="Lesotho" >

                      Lesotho

                    </option>

                    <option value="Libyan Arab Jamahiriya" >

                      Libyan Arab Jamahiriya

                    </option>

                    <option value="Liechtenstein" >

                      Liechtenstein

                    </option>

                    <option value="Lithuania" >

                      Lithuania

                    </option>

                    <option value="Luxembourg" >

                      Luxembourg

                    </option>

                    <option value="Macau" >

                      Macau

                    </option>

                    <option value="Macedonia, the former Yugoslav Republic of" >

                      Macedonia, the former Yugoslav Republic of

                    </option>

                    <option value="Madagascar" >

                      Madagascar

                    </option>

                    <option value="Malawi" >

                      Malawi

                    </option>

                    <option value="Malaysia" >

                      Malaysia

                    </option>

                    <option value="Maldives" >

                      Maldives

                    </option>

                    <option value="Mali" >

                      Mali

                    </option>

                    <option value="Malta" >

                      Malta

                    </option>

                    <option value="Martinique" >

                      Martinique

                    </option>

                    <option value="Mauritius" >

                      Mauritius

                    </option>

                    <option value="Mayotte" >

                      Mayotte

                    </option>

                    <option value="Mexico" >

                      Mexico

                    </option>

                    <option value="Moldova" >

                      Moldova

                    </option>

                    <option value="Monaco" >

                      Monaco

                    </option>

                    <option value="Mongolia" >

                      Mongolia

                    </option>

                    <option value="Montenegro" >

                      Montenegro

                    </option>

                    <option value="Morocco" >

                      Morocco

                    </option>

                    <option value="Mozambique" >

                      Mozambique

                    </option>

                    <option value="Myanmar" >

                      Myanmar

                    </option>

                    <option value="Namibia" >

                      Namibia

                    </option>

                    <option value="Nepal" >

                      Nepal

                    </option>

                    <option value="Netherlands" >

                      Netherlands

                    </option>

                    <option value="Netherlands Antilles" >

                      Netherlands Antilles

                    </option>

                    <option value="New Caledonia" >

                      New Caledonia

                    </option>

                    <option value="New Zealand" >

                      New Zealand

                    </option>

                    <option value="Nicaragua" >

                      Nicaragua

                    </option>

                    <option value="Niger" >

                      Niger

                    </option>

                    <option value="Nigeria" >

                      Nigeria

                    </option>

                    <option value="Northern Mariana Islands" >

                      Northern Mariana Islands

                    </option>

                    <option value="Norway" >

                      Norway

                    </option>

                    <option value="Oman" >

                      Oman

                    </option>

                    <option value="Pakistan" >

                      Pakistan

                    </option>

                    <option value="Palau" >

                      Palau

                    </option>

                    <option value="Palestinian Territory, Occupied" >

                      Palestinian Territory, Occupied

                    </option>

                    <option value="Panama" >

                      Panama

                    </option>

                    <option value="Papua New Guinea" >

                      Papua New Guinea

                    </option>

                    <option value="Paraguay" >

                      Paraguay

                    </option>

                    <option value="Peru" >

                      Peru

                    </option>

                    <option value="Philippines" >

                      Philippines

                    </option>

                    <option value="Pitcairn" >

                      Pitcairn

                    </option>

                    <option value="Poland" >

                      Poland

                    </option>

                    <option value="Portugal" >

                      Portugal

                    </option>

                    <option value="Puerto Rico" >

                      Puerto Rico

                    </option>

                    <option value="Qatar" >

                      Qatar

                    </option>

                    <option value="Republic of Zaire" >

                      Republic of Zaire

                    </option>

                    <option value="Reunion" >

                      Reunion

                    </option>

                    <option value="Romania" >

                      Romania

                    </option>

                    <option value="Russian Federation" >

                      Russian Federation

                    </option>

                    <option value="Rwanda" >

                      Rwanda

                    </option>

                    <option value="Saint Kitts and Nevis" >

                      Saint Kitts and Nevis

                    </option>

                    <option value="Saint Lucia" >

                      Saint Lucia

                    </option>

                    <option value="San Marino" >

                      San Marino

                    </option>

                    <option value="Saudi Arabia" >

                      Saudi Arabia

                    </option>

                    <option value="Senegal" >

                      Senegal

                    </option>

                    <option value="Serbia" >

                      Serbia

                    </option>

                    <option value="Sierra Leone" >

                      Sierra Leone

                    </option>

                    <option value="Singapore" >

                      Singapore

                    </option>

                    <option value="Slovakia" >

                      Slovakia

                    </option>

                    <option value="Slovenia" >

                      Slovenia

                    </option>

                    <option value="Somalia" >

                      Somalia

                    </option>

                    <option value="South Africa" >

                      South Africa

                    </option>

                    <option value="South Sudan, Republic of" >

                      South Sudan, Republic of

                    </option>

                    <option value="Spain" >

                      Spain

                    </option>

                    <option value="Sri Lanka" >

                      Sri Lanka

                    </option>

                    <option value="Sudan" >

                      Sudan

                    </option>

                    <option value="Suriname" >

                      Suriname

                    </option>

                    <option value="Svalbard and Jan Mayen" >

                      Svalbard and Jan Mayen

                    </option>

                    <option value="Swaziland" >

                      Swaziland

                    </option>

                    <option value="Sweden" >

                      Sweden

                    </option>

                    <option value="Switzerland" >

                      Switzerland

                    </option>

                    <option value="Syrian Arab Republic" >

                      Syrian Arab Republic

                    </option>

                    <option value="Taiwan" >

                      Taiwan

                    </option>

                    <option value="Tajikistan" >

                      Tajikistan

                    </option>

                    <option value="Tanzania, United Republic of" >

                      Tanzania, United Republic of

                    </option>

                    <option value="Thailand" >

                      Thailand

                    </option>

                    <option value="Timor-Leste" >

                      Timor-Leste

                    </option>

                    <option value="Tonga" >

                      Tonga

                    </option>

                    <option value="Trinidad and Tobago" >

                      Trinidad and Tobago

                    </option>

                    <option value="Tunisia" >

                      Tunisia

                    </option>

                    <option value="Turkey" >

                      Turkey

                    </option>

                    <option value="Turkmenistan" >

                      Turkmenistan

                    </option>

                    <option value="Uganda" >

                      Uganda

                    </option>

                    <option value="Ukraine" >

                      Ukraine

                    </option>

                    <option value="United Arab Emirates" >

                      United Arab Emirates

                    </option>

                    <option value="United Kingdom" >

                      United Kingdom

                    </option>

                    <option value="United States" >

                      United States

                    </option>

                    <option value="United States Minor Outlying Islands" >

                      United States Minor Outlying Islands

                    </option>

                    <option value="Uruguay" >

                      Uruguay

                    </option>

                    <option value="Uzbekistan" >

                      Uzbekistan

                    </option>

                    <option value="Vanuatu" >

                      Vanuatu

                    </option>

                    <option value="Venezuela" >

                      Venezuela

                    </option>

                    <option value="Viet Nam" >

                      Viet Nam

                    </option>

                    <option value="West Bank" >

                      West Bank

                    </option>

                    <option value="Yemen" >

                      Yemen

                    </option>

                    <option value="Zambia" >

                      Zambia

                    </option>

                    <option value="Zimbabwe" >

                      Zimbabwe

                    </option>

                  </select>

                </p>

              </div>

            </div>

          </div>

          <div id="formElement4" class="sc-view form-design-field sc-static-layout item-padding sc-regular-size" >

            <div class="field-wrapper" >

            </div>

            <div class="individual field-wrapper" >

              <div class="_100 field-style" >

                <p class="field-p" >

                  <input type="submit" value="Submit" class="submit-button" style="font-size: 100%; height: 28px; width: 100px"  />

                </p>

              </div>

            </div>

          </div>

        </form>

        <script src="https://img.en25.com/i/livevalidation_standalone.compressed.js" type="text/javascript" >

        </script>

        <style type="text/css" media="screen" >

          .LV_validation_message{

            font-weight:bold;

            margin: 0 0 0 5px;

          }

          .LV_valid{

            color:#00CC00;

            display:none;

          }

          .LV_invalid{

            color:#CC0000;

            font-size:10px;

          }

          .LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active {

            outline: 1px solid #00CC00;

          }

          .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {

            outline: 1px solid #CC0000;

          }

        </style>

        <script type="text/javascript" >

          var dom0 = document.querySelector('#form466 #field0');

          var field0 = new LiveValidation(dom0, {

            validMessage: "", onlyOnBlur: false, wait: 300}

                                         );

          field0.add(Validate.Custom, {

            against: function(value) {

              return !value.match(/(\S:\/\/\S|\S\.\S)/);

            }

            , failureMessage: "Value must not contain any URL's"}

                    );

          var dom1 = document.querySelector('#form466 #field1');

          var field1 = new LiveValidation(dom1, {

            validMessage: "", onlyOnBlur: false, wait: 300}

                                         );

          field1.add(Validate.Custom, {

            against: function(value) {

              return !value.match(/(\S:\/\/\S|\S\.\S)/);

            }

            , failureMessage: "Value must not contain any URL's"}

                    );

          var dom2 = document.querySelector('#form466 #field2');

          var field2 = new LiveValidation(dom2, {

            validMessage: "", onlyOnBlur: false, wait: 300}

                                         );

          var dom3 = document.querySelector('#form466 #field3');

          var field3 = new LiveValidation(dom3, {

            validMessage: "", onlyOnBlur: false, wait: 300}

                                         );

          field3.add(Validate.Custom, {

            against: function(value) {

              return !value.match(/(\S:\/\/\S|\S\.\S)/);

            }

            , failureMessage: "Value must not contain any URL's"}

                    );

          function resetSubmitButton(e){

            var submitButtons = e.target.form.getElementsByClassName('submit-button');

            for(var i=0;i<submitButtons.length;i++){

              submitButtons[i].disabled = false;

            }

          }

          function addChangeHandler(elements){

            for(var i=0; i<elements.length; i++){

              elements[i].addEventListener('change', resetSubmitButton);

            }

          }

          var form = document.getElementById('form466');

          addChangeHandler(form.getElementsByTagName('input'));

          addChangeHandler(form.getElementsByTagName('select'));

          addChangeHandler(form.getElementsByTagName('textarea'));

          var nodes = document.querySelectorAll('#form466 input[data-subscription]');

          if (nodes) {

            for (i = 0, len = nodes.length; i < len; i++) {

              var status = nodes[i].dataset ? nodes[i].dataset.subscription : nodes[i].getAttribute('data-subscription');

              if(status ==='true') {

                nodes[i].checked = true;

              }

            }

          };

        </script>

      </div>