Question

我在我的网络应用程序中使用Devise，并想知道如何使用不同于默认按钮的按钮来提交信息。我试图将它嵌入到twitter引导模式中，并使用模态页脚中的按钮提交信息，而不是标准注册按钮。这就是我现在的代码：

<div class="modal-body">
  <h4>...</h4>
  <p>...</p></b>
  <p>...</p>
  <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f| %>
    <%= devise_error_messages! %>
      <div>
        <%= f.label :email %>
        <%= f.email_field :email %>
      </div>
      <div>
        <%= f.label :password %>
        <%= f.password_field :password %>
      </div>
      <div>
        <%= f.label :password_confirmation %>
        <%= f.password_field :password_confirmation %>
      </div>
      <div>
        <%= f.submit "Sign up" %>
      </div>
    <% end %>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal">Close</a>
    <a href="#" class="btn btn-primary">Sign up</a>
  </div>
</div>

本质上，我试图在这一行中创建按钮

<a href="#" class="btn btn-primary">Sign up</a>

执行此行中的按钮：

<div><%= f.submit "Sign up" %></div>

那里有人有这方面的经验吗？

Answer 1

你可以扩展表单...也可以覆盖模态主体和页脚，并替换链接

做类似

的事情

<%= form_for ..... %>
   <div class="modal-body">
     your form fields should go here somewhere
     .....
   </div>
   <div class="modal-footer">
     <a href="#" class="btn" data-dismiss="modal">Close</a>
     <%= f.submit "Sign up" %>
   </div>
<% end %>

因为这看起来有点太明显了，所以我不确定我是否理解你的问题。如果是这种情况，请告诉我

Answer 2

按钮与链接不同，并认为您将遇到问题。我最近做了非常类似的事情而不是使用提交。

<input class="btn btn-success" type="submit"value="Submit" >

这是我在rails标签之间的rails应用程序中使用的。它不像使用rails那样漂亮，但它可以工作。

自定义设计方法

2 个答案: