验证时重定向

时间:2018-08-19 16:05:21

标签: javascript html

在用户成功填写表格后,我想创建一个指向其他网页的简单重定向

HTML(应该正确):

(function($) {
  window.fnames = new Array();
  window.ftypes = new Array();
  fnames[0] = 'EMAIL';
  ftypes[0] = 'email';
  fnames[1] = 'FNAME';
  ftypes[1] = 'text';
  fnames[2] = 'LNAME';
  ftypes[2] = 'text';
  fnames[3] = 'ADDRESS';
  ftypes[3] = 'address';
  fnames[4] = 'PHONE';
  ftypes[4] = 'phone';
  fnames[5] = 'MMERGE5';
  ftypes[5] = 'text';
  /*
   * Translated default messages for the $ validation plugin.
   * Locale: DE
   */
  $.extend($.validator.messages, {
    required: "Dieses Feld ist ein Pflichtfeld.",
    maxlength: $.validator.format("Geben Sie bitte maximal {0} Zeichen ein."),
    minlength: $.validator.format("Geben Sie bitte mindestens {0} Zeichen ein."),
    rangelength: $.validator.format("Geben Sie bitte mindestens {0} und maximal {1} Zeichen ein."),
    email: "Geben Sie bitte eine gültige E-Mail Adresse ein.",
    url: "Geben Sie bitte eine gültige URL ein.",
    date: "Bitte geben Sie ein gültiges Datum ein.",
    number: "Geben Sie bitte eine Nummer ein.",
    digits: "Geben Sie bitte nur Ziffern ein.",
    equalTo: "Bitte denselben Wert wiederholen.",
    range: $.validator.format("Geben Sie bitten einen Wert zwischen {0} und {1}."),
    max: $.validator.format("Geben Sie bitte einen Wert kleiner oder gleich {0} ein."),
    min: $.validator.format("Geben Sie bitte einen Wert größer oder gleich {0} ein."),
    creditcard: "Geben Sie bitte ein gültige Kreditkarten-Nummer ein."
  });
}(jQuery));
var $mcj = jQuery.noConflict(true);
<div id="mc_embed_signup">
  <form action="https://yousport.us12.list-manage.com/subscribe/post?u=7528537aa61af35234d05ad48&amp;id=969772de72" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
      <h2>Subscribe to our mailing list</h2>
      <div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
      <div class="mc-field-group">
        <label for="mce-EMAIL">E-Mail Adresse  <span class="asterisk">*</span>
					</label>
        <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
      </div>
      <div class="mc-field-group">
        <label for="mce-FNAME">Vorname </label>
        <input type="text" value="" name="FNAME" class="" id="mce-FNAME">
      </div>
      <div class="mc-field-group">
        <label for="mce-LNAME">Nachname </label>
        <input type="text" value="" name="LNAME" class="" id="mce-LNAME">
      </div>
      <div class="mc-field-group size1of2">
        <label for="mce-PHONE">Handynummer  <span class="asterisk">*</span>
					</label>
        <input type="text" name="PHONE" class="required" value="" id="mce-PHONE">
      </div>
      <div class="mc-field-group">
        <label for="mce-MMERGE5">Bewerbungstext  <span class="asterisk">*</span>
					</label>
        <input type="text" value="" name="MMERGE5" class="required" id="mce-MMERGE5">
      </div>
      <div id="mce-responses" class="clear">
        <div class="response" id="mce-error-response" style="display:none"></div>
        <div class="response" id="mce-success-response" style="display:none"></div>
      </div>
      <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
      <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_7528537aa61af35234d05ad48_969772de72" tabindex="-1" value=""></div>
      <div class="clear"><input type="submit" value="Jetzt für kostenloses Stativset bewerben" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
  </form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>

(JavaScript)现在,我尝试使用简单的if ... else ...

来实现重定向
var LNAME = docment.getElementById('mce-LNAME')


$("#mc-embedded-subscribe-form").on("submit", function.e)
if (LNAME.validity.valid) {
  function Redirect() {
    window.location.replace("/bewerbungsbestaetigung.html");
  }
} else {
  e.preventdefault();
}

非常感谢!

3 个答案:

答案 0 :(得分:0)

回答我的理解。您具有if语句,现在希望加载另一个页面。为此,您可以使用window.location = 'nextpage'

var LNAME = docment.getElementById('mce-LNAME')


$("#mc-embedded-subscribe-form").on("submit", function.e)
if (LNAME.validity.valid) {
  function Redirect() {
    window.location = "/nextPage.html";
  }
} else {
  e.preventdefault();
}

答案 1 :(得分:0)

您可以使用这些:

    window.location.href = "http://stackoverflow.com";

    window.location.replace("http://stackoverflow.com"); 

您似乎已经使用了后者。因此,URL可能是错误的,或者它之前的逻辑需要重新评估...

答案 2 :(得分:0)

使用以下代码:

conda