javascript - 如何更改简单表单提交按钮以路由到另一个简单表单

Question

我的目标是在一个表单中验证用户的电子邮件，其提交按钮将路由到另一个表单以进行密码验证。为了让事情变得更加困难，我使用模式来包含表单，这样用户在登录时就不会离开当前页面。

我已经用 ajax 破解了我的 rails 注册表单，以允许用户以模式登录。我使用本教程来做到这一点。这是我用来登录用户的模式。

<!-- Modal -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      
      <div class="modal-body">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      
        <%= simple_form_for(resource, as: resource_name, url: session_path(resource_name), remote: true, :html => {:class => 'form-horizontal' }) do |f| %>
          <div class="form-inputs">
            <div class="errors"></div>
            <%= f.input :email,
                        required: true,
                        autofocus: true %>

            <%= f.input :password,
                        required: true %>
            
          </div>
          <div class="form-actions">
            <%= f.button :submit, "Continue", :class => "create", %>
          </div>
        <% end %>
      </div>
      <div class="modal-footer">
      </div>
    </div>
  </div>
</div>

我正在努力设计身份验证和路由。如何在一个模式中验证用户的电子邮件，然后将其路由到另一个模式以进行密码验证？

标签： javascriptruby-on-railsajaxdevise