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

Question

我遇到了 rails simple_form gem 的问题。我正在使用 bootstrap 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”class导致 bootstrap 向字段添加绿色边框。当字段未预先填写时（例如使用表单执行 'new' 操作时），不会发生这种情况。

谢谢

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 的引用，您也可以将其删除。

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

Rails simple_form gem is adding a green border to inputs that are pre-populated

ruby

ruby-on-rails

simple-form

bootstrap-4