2016-08-02 223 views
1

我有兩個按鈕的形式 - 英尺。第一個應該使用如何使用技巧加載不同的頁面,第二個觸發一個彈出窗口。第一個只有屬性,第二個綁定了jquery事件點擊工作。但是,在MS Edge上,第一個按鈕加載在第二個btn觸發的彈出式交互之後加載的頁面。這隻發生在Edge上。它適用於IE 11,Chrome & Firefox。有沒有解決方法?我錯過了什麼嗎?表單提交按鈕沒有提交MS邊緣上的任何數據

<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> 

回答

1

您的type="submit"位於加載指南的按鈕上。 因此,點擊其他按鈕將不會執行任何操作。

如果使用的是引導,而你似乎是,我只想離開引導按鈕與按鍵類 <a class="btn btn-white start-exam-guide-btn" href="<your link"><span>Exam guide</span></a>

一個鏈接,移動type="submit"其他按鈕