定制设计方法

Question

我在我的web应用程序中使用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应用程序中在form标记之间使用的内容。它不像使用rails那样漂亮，但它可以工作。