2017-10-20 80 views
0

我想用ajaxAjax表单提交不 - 导轨5

 <%= form_tag contact_form_submission_path, remote: true do %> 

     <div class="row"> 
      <div class="col-md-4"> 
      <div class="form-group"> 
       <%= text_field_tag :name, nil, required: true, class: 'form-control', placeholder: "Name" %> 
      </div> 
      </div> 

      <div class="col-md-4"> 
      <div class="form-group"> 
       <%= email_field :email, nil, required: true, class: 'form-control', placeholder: "Email" %> 
      </div> 
      </div> 
     </div> 

     <div class="row"> 
      <div class="col-md-12"> 
      <div class="form-group"> 
       <%= text_area_tag :message, nil, required: true, class: 'form-control', placeholder: "message", rows: '12' %> 
      </div> 
      </div> 
     </div> 

     <%= submit_tag 'Submit', class: 'btn btn-brand btn-round pull-right btn-sm'%> 

     <% end %> 

路线

post "/contact_form_submission", to: "pages#contact_form_submission" 

控制器

def contact_form_submission 
    puts 'Form submit action triggered' 
    end 

contact_form_su提交以下表格bmission.js.erb

$("form")[0].reset(); 

我用过无数次这个确切的设置,它通常工作正常。但是这个表单不会提交。点击提交时,我没有得到任何终端输出,并且没有控制台错误。

Ajax工作所需的其他地方,我忽略了吗?

在此先感谢。

回答

0

试图改变

<%= form_tag contact_form_submission_path, remote: true do %> 

<%= form_tag "/contact_form_submission", remote: true do %> 

还要检查是否有行动前的任何过滤contact_form_submission