実現したいこと
セレクトボックスをを入力必須にしたい。
方法
HTML
<%= f.select :condition, [["1", 1],["2", 2],["3", 3]], {prompt: "---"}, class: "select__box", required: true %>
Haml
= f.select :condition, [["1", 1],["2", 2],["3", 3]], {prompt: "---"}, class: "select__box", required: true上記のようにrequired: trueをつけてあげると、入力をしていない状態で、データをcreateアクションを実行しようとすると、吹き出しが出ます。
注意点
required: trueと入れても、required: trueが効かず、吹き出しが出ないことがあります。これは<option value>に値を入れているのが原因です。<option value>を空にしましょう。
誤
<option value="---">---</option>
正
<option value="">---</option>
