如何使用twitter-bootstrap-rails使simple_form工作;一般在bootstrap中形成

时间:2012-07-26 07:15:54

标签: ruby-on-rails twitter-bootstrap validation simple-form

1)如何使用简单的表单和twitter-bootstrap-rails构建表单,以便它们显示很酷的引导程序样式验证错误?

2)如何在twitter-bootstrap-rails中构建表单,以便它们显示很酷的引导程序样式验证错误?

3)我尝试使用simple_form构建表单。但验证未显示任何错误消息。我正在尝试在Devise

生成的用户模型和表单上添加验证

Techs:Rails 3.2.7.rc1,1.9.2,twitter-ootstrap-rails 2.1.1,simple-form 2.0.2

代码:

 <%= simple_form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => {:class => 'form-vertical' }) do |f| %>

        <%= f.error_notification %>
    <%= f.input :fname, :placeholder=>"First name", :input_html => { :class => "enroll_input span4"} %>
    <%= f.input :lname, :placeholder=>"Last name", :input_html => { :class => "enroll_input span4"} %>
    <%= f.input :email,:placeholder=>"Email",:input_html => { :class => "enroll_input span4"}  %>
    <%= f.input :password, :placeholder=>"Password",:input_html => { :class => "enroll_input span4"} %>
    <div class="enroll_button"> <%= f.submit "  Enroll  ", :class=>"btn btn-primary pull-right btn-large" %></div>
        <% end %>

我不确定这是否有效或jquery无效。

3 个答案:

答案 0 :(得分:3)

试试这个:

<%= f.input :email do %>
   <%= f.input_field :email %>
<% end %>

答案 1 :(得分:1)

在这里,您可以找到关于两个示例应用程序,即实时应用程序集成的说明:

https://github.com/plataformatec/simple_form/#twitter-bootstrap

答案 2 :(得分:0)

试试这个::

simple_form + bootstrap

https://github.com/plataformatec/simple_form