アカウント作成ページでrequiredを設置しても必須項目にならない

[Masayuki]

こんにちは

アカウント作成ページで名前などを必須項目にするため、下記のように　class="required"と requiredを設置しました。

しかし、空欄の状態でもアカウントが作成されてしまいます。

こちらの原因がわかる方がおりましたら、ご教授いただけますと幸いです。

なお、テーマはDebutを利用しています

 <label for="{{ formId }}-LastName">{{ 'customer.register.last_name' | t }}</label>
          <input class="required" type="text" name="customer[last_name]" id="{{ formId }}-LastName" {% if form.last_name %}value="{{ form.last_name }}"{% endif %} autocomplete="family-name" required>

[株式会社フルバランス · Accepted solution]

デフォルトのDebutのコードをベースに回答を差し上げます。

customers/register.liquid の10行目、以下の記述を、

{% form 'create_customer', id: formId, novalidate: 'novalidate' %}

次のように変更をしてください。

{% form 'create_customer', id: formId %}

novalidate: 'novalidate' という箇所がrequiredなどの判定をしているバリデーションを無効にしている記述になりますので、

こちらを外すことで、ご指定のチェック機能を有効にすることができます。

尚、class=“required” は必須項目ではないため、入力の有無をチェックする機能のみでしたら、

末尾に追加をいただいている required のみで動作をします。

ご参考になりましたら幸いです。

[Masayuki]

ご返信ありがとうございます！
そちらの方法は思いつきませんでした。
無事解決しました。ありがとうございます！