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

Question

我在使用rails simple_form gem时遇到问题。 我正在使用引导程序4。

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

简单表单在我的应用程序中几乎可以完美运行。 这是一个使用名为“ 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'类，这会导致引导程序向该字段添加绿色边框。 当未预先填写字段时（例如将表单用于“新”操作），则不会发生这种情况。

谢谢

Answer 1

在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引用，也可以删除它。