Rails simple_form gemは、事前入力された入力に緑色の境界線を追加しています

ジェイコブ・ロッカード

rails simple_formgemに問題があります。ブートストラップ4を一緒に使用しています。

gem 'simple_form'Gemfileに追加してgemをインストールしました。また、を介してジェネレーターを実行しましたrails g simple_form:install --bootstrap

Simple Formは、私のアプリではほぼ完全に機能します。これは、1つの文字列属性を持つ「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」クラスを追加し、ブートストラップがフィールドに緑色の境界線を追加することです。これは、「新規」アクションのフォームを使用する場合など、フィールドが事前に入力されていない場合は発生しません。

ありがとう

マークメリット

ではconfig/initializers/simple_form_bootstrap.rb、あなたで始まるいくつかの異なるブロックを持っていますconfig.wrappervalid_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含めたくない場合は、への参照を削除することもできます。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

jQueryタグ-Rails4 / Simple_formを使用した入力

分類Dev

Rails Simple_Form Gem -remove required(*)prepend

分類Dev

Rails での simple_form のエラー

分類Dev

railsにsimple_formを使用してユーザー入力を動的に追加します

分類Dev

Rails if statement in form with simple_form and HAML

分類Dev

Railsのsimple_form入力ラッパーにクラスを追加するにはどうすればよいですか?

分類Dev

RailsのBootstrapを使用したsimple_form検証

分類Dev

Railsのsimple_form送信にグリフィコンを入れる方法は?

分類Dev

Rails 4.1に更新できません:simple_formとの競合

分類Dev

Rails simple_form:送信時にパラメーターを渡す

分類Dev

Rails4でhstore列をsimple_formと統合する

分類Dev

Railsの動的ドロップダウンsimple_form

分類Dev

Rails 5 - Simple_form と has_one の関連付け

分類Dev

選択オプション(simple_form rails)に値を追加する方法は?

分類Dev

railsのsimple_formに角度ディレクティブを追加すると、コレクション入力の選択されたオプションが壊れます

分類Dev

クライアント側の検証+ Rails5のsimple_form

分類Dev

クライアント側の検証を行うRailsの方法(simple_formを使用したRails 4)

分類Dev

Client Side Validations + simple_form in Rails 5

分類Dev

Rails 4でhamlを使用して、Bootstrap3をsimple_formに統合します

分類Dev

Simple_formが入力を検証していません

分類Dev

Railsはselect2(およびsimple_form)でタグ付け可能として機能します

分類Dev

paperclipとsimple_formを使用してファイルをRails4.0にアップロードする

分類Dev

Rails 4 + simple_formおよびjQueryUI。Datepickerがターボリンク経由で機能していません

分類Dev

rails で simple_form Submit を使用してモデル メソッドを呼び出す

分類Dev

rails:デザインなしでsimple_formでフォームを生成します

分類Dev

Railsのsimple_formでボックスを選択-タイトルではなくIDを保存

分類Dev

simple_form で未定義のメソッド エラー マップをスローする Rails の検証

分類Dev

rails simple_formは、デフォルトでコレクションに空白を追加することを選択しないようにします

分類Dev

Ruby on Rails、simple_form-htmlselect_tagフィールドからsimple_formの非表示フィールドを設定したい

Related 関連記事

  1. 1

    jQueryタグ-Rails4 / Simple_formを使用した入力

  2. 2

    Rails Simple_Form Gem -remove required(*)prepend

  3. 3

    Rails での simple_form のエラー

  4. 4

    railsにsimple_formを使用してユーザー入力を動的に追加します

  5. 5

    Rails if statement in form with simple_form and HAML

  6. 6

    Railsのsimple_form入力ラッパーにクラスを追加するにはどうすればよいですか?

  7. 7

    RailsのBootstrapを使用したsimple_form検証

  8. 8

    Railsのsimple_form送信にグリフィコンを入れる方法は?

  9. 9

    Rails 4.1に更新できません:simple_formとの競合

  10. 10

    Rails simple_form:送信時にパラメーターを渡す

  11. 11

    Rails4でhstore列をsimple_formと統合する

  12. 12

    Railsの動的ドロップダウンsimple_form

  13. 13

    Rails 5 - Simple_form と has_one の関連付け

  14. 14

    選択オプション(simple_form rails)に値を追加する方法は?

  15. 15

    railsのsimple_formに角度ディレクティブを追加すると、コレクション入力の選択されたオプションが壊れます

  16. 16

    クライアント側の検証+ Rails5のsimple_form

  17. 17

    クライアント側の検証を行うRailsの方法(simple_formを使用したRails 4)

  18. 18

    Client Side Validations + simple_form in Rails 5

  19. 19

    Rails 4でhamlを使用して、Bootstrap3をsimple_formに統合します

  20. 20

    Simple_formが入力を検証していません

  21. 21

    Railsはselect2(およびsimple_form)でタグ付け可能として機能します

  22. 22

    paperclipとsimple_formを使用してファイルをRails4.0にアップロードする

  23. 23

    Rails 4 + simple_formおよびjQueryUI。Datepickerがターボリンク経由で機能していません

  24. 24

    rails で simple_form Submit を使用してモデル メソッドを呼び出す

  25. 25

    rails:デザインなしでsimple_formでフォームを生成します

  26. 26

    Railsのsimple_formでボックスを選択-タイトルではなくIDを保存

  27. 27

    simple_form で未定義のメソッド エラー マップをスローする Rails の検証

  28. 28

    rails simple_formは、デフォルトでコレクションに空白を追加することを選択しないようにします

  29. 29

    Ruby on Rails、simple_form-htmlselect_tagフィールドからsimple_formの非表示フィールドを設定したい

ホットタグ

アーカイブ