2016-03-08 25 views
0

所以我有一個表單,當它被點擊時需要有一個免責聲明模式。這就像一個長時間的聲明,所以它最好在模態而不是在表單頁面上。所以用戶點擊表單上的按鈕觸發模態。然後從模式中,有提交表單的「提交表單」按鈕。如何完成在模式外啓動的表單上的提交,但是通過導軌提交的模式?

這是如何可能的,因爲我現在擁有它的方式,點擊提交按鈕時什麼也不做。在這種情況下(從模態)可以做一個正常的表單提交嗎?有沒有JavaScript我可以用來使這項工作?

感謝

<%= form_for [:client, Reportapproval.new], :validate => true do |f| %> 
    <div class="actions"> 
    <%= f.hidden_field :blah, :value => current_client.name %> 
    </div> 
    <div class="block-inline"> 
    <label>Blah Blah</label><br> 
    <%= f.select :client... %> 
    </div> 
    <%= f.text_field :client... %> 
    <label> 
     <%= f.hidden_field :client... %> 
    </label> 
    <div class="text-center"> 
     <button type="button" class="btn btn-success" data-toggle="modal" data-target="#client_disclaimer_modal"> 
     Request a report from this renter 
     </button> <!--- This button opens the modal---> 
    </div> 

<!-- Disclaimer Modal --> 
    <div class="modal fade" id="clent_disclaimer_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <h4 class="modal-title" id="myModalLabel">Client Disclaimer Agreement</h4> 
     </div> 
     <div class="modal-body"> 
      <strong>NOTICE...<br> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <%= f.submit "Agree & Submit", class: 'btn btn-default' %> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 
<br /> 
<% end %> 

回答

2

只要<button type='submit'><form>,你上面給出的代碼應該很好地工作。確保無論JS在控制模式,都不會將模式標記移動到DOM中的不同位置(即將它移動到body標記的直接後代)。

+0

因此,在我的模式中,我通過一個Rails動作提交'''''%= f.submit「同意&提交」,類:'btn btn-default'%>''''那不行? – SupremeA

+0

它仍然應該工作。 'f.submit'仍然會生成一個正確的提交按鈕。你有沒有測試過,並確認它不起作用? – Joe

+0

我測試了它的方式,以及''''''''沒有bueno,當我點擊提交 – SupremeA