javascript在rails中使模式提交表单

javascript在rails中使模式提交表单,javascript,html,ruby-on-rails,twitter-bootstrap,Javascript,Html,Ruby On Rails,Twitter Bootstrap,我有一个rails表单,它是页面的一部分,在用户填写表单后,他们点击一个按钮,弹出一个引导模式,该表单的提交位于模式的页脚。我不能得到表单提交,我相信我需要一些javascript,但我不是太精通javascript。这是我对模式的一部分,我需要什么javascript来提交 <%= form_for [:client, Reportapproval.new], :validate => true do |f| %> <div class="actions">

我有一个rails表单,它是页面的一部分,在用户填写表单后,他们点击一个按钮,弹出一个引导模式,该表单的提交位于模式的页脚。我不能得到表单提交,我相信我需要一些javascript,但我不是太精通javascript。这是我对模式的一部分,我需要什么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 %>
true do | f |%>
当前_client.name%>
废话废话
向该承租人索取报告 客户免责协议 注意……
接近

不需要javascript。您有一个用于的
表单,\u和一个
提交
。一旦你点击
submit
,它就应该可以工作了

如果不起作用,则检查
表单_中的参数,如
[:client,Reportapproval.new],:validate=>true
,如果正确,还检查控制台中是否有显示的内容,单击
submit
后是否有错误或类似情况。它可能会为您提供错误所在的更多信息

编辑:


嘿,你没提到你在用宝石。它不是标准的rails gem。检查文档如何使用它以及可能出现的问题。如果您不想使用它,请删除gem,然后删除
validate=>true
,它应该可以正常工作,那么就不需要javascript了。您有一个用于
表单,\u和一个
提交
。一旦你点击
submit
,它就应该可以工作了

如果不起作用,则检查
表单_中的参数,如
[:client,Reportapproval.new],:validate=>true
,如果正确,还检查控制台中是否有显示的内容,单击
submit
后是否有错误或类似情况。它可能会为您提供错误所在的更多信息

编辑:

嘿,你没提到你在用宝石。它不是标准的rails gem。检查文档如何使用它以及可能出现的问题。如果您不想使用它,请删除gem,并删除
validate=>true
,它应该可以工作,然后如果您使用JQuery(您可能使用rails),请为提交按钮分配一个id,为表单分配一个id。完成此操作后,您可以编写如下事件处理程序:

('#buttonIdyouassigned').click(function(){
     $.post('theroutethatthisformneedstogoto',('#formIdYouAssigned').serialize()) 
})
如果您想从服务器端的路由返回json响应,则通常使用上述代码。 另一个选择是:

('#buttonIdyouassigned').click(function(){
     ('theroutethatthisformneedstogoto').submit();
 })
他们应该提交表格。 更多信息:

如果您使用的是JQuery(可能是rails),请为submit按钮分配一个id,为表单分配一个id。完成此操作后,您可以编写如下事件处理程序:

('#buttonIdyouassigned').click(function(){
     $.post('theroutethatthisformneedstogoto',('#formIdYouAssigned').serialize()) 
})
如果您想从服务器端的路由返回json响应,则通常使用上述代码。 另一个选择是:

('#buttonIdyouassigned').click(function(){
     ('theroutethatthisformneedstogoto').submit();
 })
他们应该提交表格。
更多信息:

错误是什么?模式未弹出或提交错误?还有,
:client…
?错误是在模式页脚内单击
时表单不会提交错误是什么?模式未弹出或提交错误?还有,
:client…
?错误是在模式页脚中单击
时表单不会提交。我会试试这个,只是好奇你知道有没有其他gem可以在不重新加载整个页面的情况下进行验证?我会试试这个,只是好奇,你知道有没有其他的gem可以在不重新加载整个页面的情况下进行验证?