因此,我有一个表单,在单击它时需要有一个免责声明模式。这就像一个长长的免责声明,因此采用模态比在表单页面上更好。因此,用户单击表单上触发模式的按钮。然后从模态中,有一个“提交表单”按钮实际上可以进行提交。
这怎么可能,因为按我现在的方式,单击提交按钮不会执行任何操作。在这种情况下(通过模式)是否可以提交常规表格?是否可以使用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 %>
只要<button type='submit'>
位于中的<form>
,您上面提供的代码就可以正常运行。确保无论哪个JS控制模式,都不要将模式标记移动到DOM中的其他位置(即,将其移动为body
标记的直接后代)。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句