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

**URL:** <https://community.shopify.com/t/required/104381>\
**Category:** 技術的なQ＆A\
**Created:** [March 6, 2022, 5:47am UTC](https://community.shopify.com/t/required/104381 "2022-03-06T05:47:39Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

アカウント作成フォームで必須項目が効かない原因は、Debutテーマの customers/register.liquid のフォームにある novalidate 属性がブラウザのHTML5入力バリデーション（requiredなど）を無効化していたため。

対処方法: `{% form 'create_customer', id: formId, novalidate: 'novalidate' %}` を `{% form 'create_customer', id: formId %}` に変更して novalidate を削除する。

補足: required はHTML標準の必須指定。class="required" はCSSクラスであり、必須化の機能は持たないため、入力チェックには required のみで十分。

結果: 提案どおり修正して問題は解決済み。ユーザーが動作確認を報告。

注記: コードスクリーンショットが添付されたが、理解の中心は上記のフォーム属性の変更。

<div class="post-metadata">

**Author:** ![Masayuki](https://avatars.discourse-cdn.com/v4/letter/m/a88e57/32.png) [@Masayuki](https://community.shopify.com/u/Masayuki)\
**Post date:** [March 6, 2022, 5:47am UTC](https://community.shopify.com/t/required/104381/1 "2022-03-06T05:47:39Z")

</div>

こんにちは

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

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

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

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

```markup

          

```

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [March 26, 2022, 1:22am UTC](https://community.shopify.com/t/required/104381/2 "2022-03-26T01:22:00Z")

</div>

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

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

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

```

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

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

```

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

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

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

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

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

 ![0326-02.jpg](https://canada1.discourse-cdn.com/shopifyforum/original/4X/3/5/e/35e162385a5d8e4762e034856b5e6e4b08f33862.jpeg)

---

<div class="post-metadata">

**Author:** ![Masayuki](https://avatars.discourse-cdn.com/v4/letter/m/a88e57/32.png) [@Masayuki](https://community.shopify.com/u/Masayuki)\
**Post date:** [March 26, 2022, 4:53am UTC](https://community.shopify.com/t/required/104381/3 "2022-03-26T04:53:19Z")

</div>

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