Formular senden Schaltfläche keine Daten auf MS Edge senden

Question

Ich habe zwei Schaltflächen in der Form-Fuß. Der erste sollte eine andere Seite mit Tipps zur Verwendung laden, der zweite löst ein Popup aus. Das erste hat nur Attribute, das zweite hat ein jquery-Ereignis auf Klick gebunden, das funktioniert. Auf MS Edge lädt die erste Schaltfläche jedoch die Seite, die auch nach der Popup-Interaktion geladen wird, die durch die zweite Btn ausgelöst wird. Das passiert nur auf Edge. Es funktioniert auf IE 11, Chrome & Firefox. Gibt es eine Lösung? Fehle ich etwas?

<form method="POST" id="start-exam-form" novalidate="novalidate"> 
        <input type="hidden" name="csrfmiddlewaretoken" value="nFgf0NGZKushRlwFnTc3AAsB7JFMTAG5"> 
        <div class="form-body"> 
         <div class="form-row"> 
          <label class="form-label">First name *</label> 
          <div class="form-controls"> 

            <input class="field" data-msg-required="*This field is required." data-rule-required="true" id="id_first_name" maxlength="50" name="first_name" placeholder="" type="text" value="martin" aria-required="true"> 

          </div><!-- /.form-controls --> 

         </div><!-- /.form-row --> 
         <div class="form-row"> 
          <label class="form-label">Last name *</label> 
          <div class="form-controls"> 

            <input class="field" data-msg-required="*This field is required." data-rule-required="true" id="id_last_name" maxlength="50" name="last_name" placeholder="" type="text" value="todorov" aria-required="true"> 

          </div><!-- /.form-controls --> 

         </div><!-- /.form-row --> 

         <div class="form-row"> 
          <div class="form-controls"> 
           <div class="checkbox-wrapper"> 

             <input data-msg-required="*Please confirm your identity." data-rule-required="true" id="id_confirm_identity" name="confirm_identity" type="checkbox" checked="checked" aria-required="true"> 

            <label for="id_confirm_identity"> 
             <span class="checkbox"></span> 
             <span>I confirm my identity</span> 
            </label> 

           </div> <!-- /.checkbox-wrapper --> 
          </div> <!-- /.form-controls --> 
         </div> <!-- /.form-row --> 

         <div class="form-row"> 
          <div class="form-controls"> 
           <div class="checkbox-wrapper"> 

             <input data-msg-required="*Please accept our policy." data-rule-required="true" id="id_is_accepted_terms" name="is_accepted_terms" type="checkbox" checked="checked" aria-required="true"> 

            <label for="id_is_accepted_terms"> 
             <span class="checkbox"></span> 
             <span>I agree to the <a href="/terms-and-conditions">T&amp;C</a> and <a href="/privacy-policy">Privacy Policy</a></span> 
            </label> 

           </div> <!-- /.checkbox-wrapper --> 
          </div> <!-- /.form-controls --> 
         </div> <!-- /.form-row --> 

         <div class="form-row"> 
          <div class="form-controls"> 
           <div class="checkbox-wrapper"> 
            <input id="id_receive_future_job_offers" name="receive_future_job_offers" type="checkbox"> 
            <label for="id_receive_future_job_offers"> 
             <span class="checkbox"></span> 
             <span>I want to receive future job offers</span> 
            </label> 

           </div> <!-- /.checkbox-wrapper --> 
          </div> <!-- /.form-controls --> 
         </div> <!-- /.form-row --> 
        </div><!-- /.form-body --> 
        <div class="form-foot"> 
         <button name="start_exam_guide_btn" type="submit" form="start-exam-form" class="btn btn-white start-exam-guide-btn" value="start-guide"><span>Exam guide</span></button> 
         <button class="btn btn-green-light start-exam-button"><span>Start Exam</span></button> 
        </div><!-- /.form-foot --> 
       </form> 

Answer 1

Ihr type="submit" ist auf der Schaltfläche, die den Leitfaden lädt. Das Klicken auf die andere Schaltfläche wird also nichts bewirken.

Wenn Sie Bootstrap verwenden, und Sie scheinen zu sein, würde ich die Guide-Taste als Verbindung mit der Button-Klasse <a class="btn btn-white start-exam-guide-btn" href="<your link"><span>Exam guide</span></a>

Und die type="submit" auf die andere Taste bewegen

gerade verlassen