フロント側で入力必須のバリデーションを設定したいです

Question

・やりたいこと
空欄で更新できないように、入力必須のバリデーションをフロント側で設定したいです

・現状
「required: true」でdate_selectを使用した生年月日フォームのバリデーションを設定したいのですがうまく設定できていない状況です。
メールアドレスは設定できています。
どのように書けば生年月日もバリデーションを設定できますか？

<div class="row">
  <div class="col-md-6 col-md-offset-3">
    <%= form_with(model: @user, local: true) do |f| %>
      <%= render 'shared/error_messages' %>
      
      <!--メールアドレス-->
      ・<%= f.label :email, class: "label-user--edit" %>
      <%= f.email_field :email, required: true, class: "form-control new-form" %>      
      
      <!--生年月日-->
      ・<%= f.label :birthday, class: "label-user--edit" %> 
      <div class="new-form"><%= raw sprintf(f.date_select(:birthday, include_blank: true, required: true, use_month_numbers: true, start_year: 1930, end_year: Time.now.year, date_separator: '%s'), '年 ', '月 ') + '日' %></div>
      
      <%= f.submit "更新", class: "btn btn-primary btn-block btn-user--edit" %>
    <% end %>
  </div>
</div>

Answer 1

別コントロールの連動性まではHTMLだけでは担保できないのでJavaScriptで拾ってください。

Comments

[ikt_erk122]

回答していただいた内容とは別の方法で解決してしましたしたが、回答していただきありがとうございました！

Answer 2

date_fieldを使って

<%= f.date_field :birthday, required: true, class: "form-control new-form" %>

としたらうまく機能しました