railsのチェックボックスにreqiredを適用させたいのですが・・・

Question

前提・実現したいこと

rails でチェックボックスにrequired属性を指定したいのですが、
実装のやり方がどうしても調べられませんでして、、
どなたかに教えて頂けないかと思いまして投稿いたしました。

チェックボックスにチェックが入っていない状態で、
投稿ボタンを押すと、次のイラストのようなアラートをだせるようにしたいです。
（チェックボックスは１つです）

発生している問題・エラーメッセージ

チェックボックスにチェックが入ってなくても投稿されてしまいます。。
なぜなのでしょうか・・・？
どなたか親切な方、教えてもらえると大変嬉しいです。

該当のソースコード

<%= form_with url: '/events/:id/reports', local: true, method: :post, model:@report do |f| %>
  <div class="CheckBox" style="text-align: right;">
　  <%= f.check_box :completed, {}, :as => :boolean, unchecked:false, required: true %>
　  <%= f.label :completed, "注意を確認" %>
  </div>
  
  <div class="event_new_submit">
    <%= f.submit '投稿する', style: 'margin-right:0px;', data: { disable_with: '保存中...' }  %>
  </div>
<% end %>

大変お忙しいとおもうのですが、どんどんと時間を溶かされてしまっておりまして・・・
知見があるかたでしたら一瞬で解決できてしまうのであろうなと・・・。
どうかお助けお願いできますと幸いです。

どうぞよろしくお願いいたします。

Comments

[maisumakun]

Railsのバージョンと、当該のチェックボックスを取り囲む<form>（form_forやform_withなどのこともあり）を書いていただけないでしょうか。

[akikko]

いつもありがとうございます。
railsは、5.2.4を使用しておりまして、form_withで実装しております。
上記のコードも詳細を更新させて頂きました。
見て頂けると大変ありがたいです。どうぞよろしくお願いいたします。

[winterboum]

ブラウザーによっては機能しないこともあると聞いたことがあります。
OSとブラウザーがなになのかも載せるとよいかと

Answer 1

ActionView::Helpers::FormBuilder#check_boxの引数は(method, options = {}, checked_value = "1", unchecked_value = "0")です。ですので

<%= f.check_box :completed, { :as => :boolean, unchecked:false, required: true } %>

もしくは

<%= f.check_box :completed, :as => :boolean, unchecked:false, required: true %>

が正しい書き方です。

<%= f.check_box :completed, {}, :as => :boolean, unchecked:false, required: true %>

だと{ :as => :boolean, unchecked:false, required: true }の部分が丸ごとchecked_valueの値として認識されます。

Comments

[akikko]

遅くなりまして申し訳ありません。
上記でできました！感動しました????本当にありがとうございます！！！