首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Rails simple_form gem正在为预先填充的输入添加绿色边框

Rails simple_form gem正在为预先填充的输入添加绿色边框
EN

Stack Overflow用户
提问于 2018-08-15 03:27:45
回答 1查看 1.5K关注 0票数 3

我有一个关于rails simple_form gem的问题。我同时使用了bootstrap 4。

我已经通过将gem 'simple_form'添加到gem文件中安装了gem。我还通过rails g simple_form:install --bootstrap运行了生成器。

Simple Form在我的应用程序中几乎可以完美地工作。下面是一个使用名为“Store”的模型的示例,该模型具有一个字符串属性:“name”。

<%= simple_form_for @store do |f| %>
  <%= f.input :name %>
  <%= f.button :submit, class: "btn-primary" %>
  <%= link_to "Cancel", stores_url, class: %w[btn btn-danger] %>
<% end %>

我在这段代码中遇到的唯一问题是,当表单用于更新页面时,simple_form会向输入元素添加一个“.is-valid”类,这会导致bootstrap在字段中添加一个绿色边框。当字段未预先填充时,例如使用表单执行“新建”操作时,不会发生这种情况。

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-15 07:52:03

config/initializers/simple_form_bootstrap.rb中,有几个以config.wrapper开头的不同块。您可以从它们中删除对valid_class: 'is-valid'的任何引用,以便它不再包含在表单输入中。即..。

改变这一点

config.wrappers :vertical_form, tag: 'div', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b|
  ...
  b.use :input, class: 'form-control', error_class: 'is-invalid', valid_class: 'is-valid'
  ...
end

(通过删除valid_class)

config.wrappers :vertical_form, tag: 'div', class: 'form-group', error_class: 'form-group-invalid' do |b|
  ...
  b.use :input, class: 'form-control', error_class: 'is-invalid'
  ...
end

如果您不想包含对error_class的引用,也可以将其删除。

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51848531

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档