MS Edgeのデータを送信しないフォーム送信ボタン

Question

フォームフットに2つのボタンがあります。最初のページは使い方のヒントとは別のページを読み込む必要があり、2番目のページはポップアップをトリガーします。最初の属性は属性のみを持ち、2番目の属性はclickでjqueryイベントをバインドしています。しかし、MSエッジでは、最初のボタンは、ポップアップインタラクションの後に2番目のbtnによってトリガーされた後に読み込まれるページをロードします。これはEdgeでのみ発生します。 IE 11、Chrome & Firefoxで動作します。解決策はありますか？何か不足していますか？

<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

type="submit"はガイドをロードするボタンにあります。 他のボタンをクリックしても何もしません。

ブートストラップを使用している、とあなたがのように見える場合、私はちょうどボタンクラス <a class="btn btn-white start-exam-guide-btn" href="<your link"><span>Exam guide</span></a>

とのリンクとしてガイドボタンを残し、他のボタン

へ type="submit"を移動するには