bootstrap 简单形式的模态 Rails
bootstrap modal with Simple Form Rails
我有一个注册表单 (Simple Form):
<%= simple_form_for(User.new, as: 'user', url: registration_path('user'), html: {id: "signup-form"},:remote => true) do |f| %>
<input name="redirect_to" type="hidden" value="true"/>
<%= f.input :first_name, required: true, autofocus: true, placeholder: "First Name", label: false %>
<%= f.input :last_name, required: true, autofocus: true, placeholder: "Last Name", label: false %>
<%= f.input :email, required: true, autofocus: true, placeholder: "E-mail Address" %>
<%= f.input :password, required: true, hint: ("#{@minimum_password_length} characters minimum" if @validatable), placeholder: "Password" %>
<%= f.input :password_confirmation, required: true, placeholder: "Password Again" %>
<%= f.submit "Sign up", class: "btn btn-primary btn-lg btn-block", data: { target: "#confirm-modal", toggle: "modal", dismiss: "modal" }%>
<% end %>
当用户点击提交表单时,应该执行 Ajax POST 到 Devise::RegistrationsController 创建操作,然后显示另一个模式 data-target="#confirm-modal"
。这里的问题是它没有提交任何 post 请求。 Simple Form 是否有针对此的特定配置?
编辑:为了后代的利益,我正在编辑这个解决问题的内容。
问题出在传递给提交按钮的数据参数。删除它将允许发送 AJAX 请求。
我有一个注册表单 (Simple Form):
<%= simple_form_for(User.new, as: 'user', url: registration_path('user'), html: {id: "signup-form"},:remote => true) do |f| %>
<input name="redirect_to" type="hidden" value="true"/>
<%= f.input :first_name, required: true, autofocus: true, placeholder: "First Name", label: false %>
<%= f.input :last_name, required: true, autofocus: true, placeholder: "Last Name", label: false %>
<%= f.input :email, required: true, autofocus: true, placeholder: "E-mail Address" %>
<%= f.input :password, required: true, hint: ("#{@minimum_password_length} characters minimum" if @validatable), placeholder: "Password" %>
<%= f.input :password_confirmation, required: true, placeholder: "Password Again" %>
<%= f.submit "Sign up", class: "btn btn-primary btn-lg btn-block", data: { target: "#confirm-modal", toggle: "modal", dismiss: "modal" }%>
<% end %>
当用户点击提交表单时,应该执行 Ajax POST 到 Devise::RegistrationsController 创建操作,然后显示另一个模式 data-target="#confirm-modal"
。这里的问题是它没有提交任何 post 请求。 Simple Form 是否有针对此的特定配置?
编辑:为了后代的利益,我正在编辑这个解决问题的内容。
问题出在传递给提交按钮的数据参数。删除它将允许发送 AJAX 请求。