Cart attributesを必須項目にする

[machiko]

Cart attributesの項目を必須項目にすることはできませんでしょうか。

現状以下のコードを使用しています。<select>タグの中のrequiredが入力が必須であることを示すものになるかと思ったのですが、いずれも選択しなくとも、購入ページに進めてしまいます。

いずれかを選択しないと購入ページに進めないように構築したいです。どなたかご教授いただきたく思います。よろしくお願いします。

<p class="cart-attribute__field">
  <label>受取時間</label><br>
  <select required class="required" id="" name="attributes[受取時間]">
     <option value="選択"{% if cart.attributes["受取時間"] == "選択" %} selected{% endif %}>選択</option>
    <option value="１時"{% if cart.attributes["受取時間"] == "１時" %} selected{% endif %}>１時</option>
    <option value="２時"{% if cart.attributes["受取時間"] == "２時" %} selected{% endif %}>２時</option>
    <option value="３時"{% if cart.attributes["受取時間"] == "３時" %} selected{% endif %}>３時</option>
    <option value="４時"{% if cart.attributes["受取時間"] == "４時" %} selected{% endif %}>４時</option>
    <option value="５時"{% if cart.attributes["受取時間"] == "５時" %} selected{% endif %}>５時</option>
    <option value="６時"{% if cart.attributes["受取時間"] == "６時" %} selected{% endif %}>６時</option>
    <option value="７時"{% if cart.attributes["受取時間"] == "７時" %} selected{% endif %}>７時</option>
  </select>
</p>
                

[Takuma · Accepted solution]

cart.liquid内のformを探して

その行に、

novalidate

が入ってたらそれを抜いてください。

これが入ってるとRequiredが働きません。

[machiko]

教えていただいた方法で、必須項目にすることができました！！takumaさんありがとうございます！！novalidateについて存じていなかったので学ぶことができました。感謝しますm(_ _)m