繁体   English   中英

simple_form Bootstrap错误验证

simple_form Bootstrap error validation

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

在Rails教程第7章清单20中, https: //www.railstutorial.org/book/sign_up#sec-signup_error_messages M. Hartl使用了一个类

field_with_errors {
  @extend .has-error;
  .form-control {
    color: $state-danger-text;
  }

用引导程序设置突出显示输入错误的样式。 他在这里使用form_for助手。 我正在尝试使用simple_form做同样的事情,但是它不起作用。 有人知道如何解决吗? 出现错误时,我想突出显示我的simple_form输入字段。 请注意,即时通讯使用f.input_filed

 <div class="input-group sign_up">
     <span class="input-group-addon"><i class="fa fa-asterisk fa-2x"></i></span>
     <%= f.input_field :password_confirmation, label: false, placeholder: "Confirm password", class: "form-control input-lg" %>   
    </div>

   <div class="input-group">
    <span class="input-group-addon"><i class="fa fa-envelope fa-2x"></i></span>
    <%= f.input_field :email, label: false, placeholder: "Email", class: "form-control input-lg" %>   
   </div>
    <div class="form-group margin-btn_top">
   <%=f.button :submit, 'Create my account', class:  "btn btn-block btn-primary btn-lg", id: "btn-signup" %>
   </div>
<% end %>
1 个回复
  1. 首先看到CSS代码中的错误

    \n     field_with_errors {\n       @extend .has-error;\n       .form-control {\n         颜色:$ state-danger-text;\n       }\n

.field_with_errors {
  @extend .has-error;
  .form-control {
    color: $state-danger-text;
  }
  1. 另外,要显示错误块,您可以执行如下所示的操作

     <% if @YOUR_VARIABLE.errors.any? %> <div id="error_explanation"> <div class="alert alert-danger"> The form contains <%= pluralize(@YOUR_VARIABLE.errors.count,"error")%>. </div> <ul> <% @YOUR_VARIABLE.errors.full_messages.each do |msg| %> <li><%= msg %></li> <% end %> </ul> </div> <% end %> 

UPDATE

With对于使用f.text_field创建的字段,不使用field_with_errors包装css div,但适用于f.input

如果要将类传递给SimpleForm的输入,则应使用

= f.input :name, :input_html => { :class => 'input-text' }
3 Rails上的simple_form错误

我正在尝试呈现表单,但是它引发了错误,我找不到原因。 调节器 这是我的表格 我得到“无法编写未知的属性生成builder ”。 我已经做过类似的事情了,但它确实起作用了,但是这次我无法使它起作用 谢谢 ...

4 呈现simple_form错误

我有带有帖子的列表(pages#home),单击后会打开带有评论的列表(posts#show),在其中声明变量@feed_items。 在评论的最后,我有simple_form用于新评论(comments#create)。 问题:如果在提交按钮上发生错误,我需要使用注释和存在错误的表单来呈现 ...

7 AJAX表单(使用simple_form)保留错误验证

这可能是我提出的更难的问题之一,但我已经被困了几天,我认为最好是从更有经验的rails社区获得支持。 我正在开发一个虚拟应用程序,大致遵循本指南... ajax / jquery教程 ... 制作我自己的自定义,指南帮助我创建了一个“品牌”(包括嵌套模型“模型”,“子模型”和“风格” ...

8 Simple_Form显示不同输入字段旁边的验证错误消息

我有一个表单,允许用户搜索现有记录来填充关联。 每个“预订”属于“客户”。 因此,表单允许您键入客户的名称,它会自动搜索,并单击您想要的客户。 您输入的输入字段应显示客户的名称,但为了使表单生效,我将customer_id设置为隐藏的输入字段。 我正在使用simple_form ge ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM