会員登録の必須項目について

Topic summary

Shopifyの会員登録フォーム(Dawn)で独自追加項目を必須化したいが、requiredが効かない問題と、電話番号の保存可否がテーマ。コード断片の提示あり。

  • 指摘事項: フォームタグに「novalidate: ‘novalidate’」が含まれている可能性。novalidateはブラウザのHTML5バリデーション(required等)を無効化する属性。

  • 参考情報: Debutテーマを例にした類似事例へのリンクが共有。

  • 進展: 指摘どおり編集した結果、必須化は機能するようになった。

  • 新たな課題: 電話番号を入力して登録しても、管理画面の顧客情報に電話番号が保存されない。原因は未判明。使用テーマはDawn。

  • 結果/状態: 必須化の問題は解決。電話番号が管理画面に反映されない点は未解決で、追加の原因特定・対応策が求められている。

  • 備考: 掲載のコード断片が理解に重要。

Summarized with AI on February 19. AI used: gpt-5.

会員登録に独自で追加した項目を必須入力としたいのですが、requiredをタグ内に入れても動作しません。

コードを添付いたしますので、ご教示いただけますでしょうか。

※デフォルトでメールアドレスとパスワードのみ必須となっているようです。

宜しくお願いいたします。

<input type="text" name="customer[last_name]" id="RegisterForm-LastName" aria-required="true"

{% if form.last_name %}value=“{{ form.last_name }}”{% endif %}
autocomplete=“family-name”
placeholder=“{{ ‘customer.register.last_name’ | t }}”

{{ 'customer.register.last_name' | t }}
{{ 'customer.register.first_name' | t }}
電話番号
{{ 'customer.register.email' | t }}
{%- if form.errors contains 'email' -%} {{ form.errors.translated_fields['email'] | capitalize }} {{ form.errors.messages['email'] }}. {%- endif -%}
{{ 'customer.register.password' | t }}
{%- if form.errors contains 'password' -%} {{ form.errors.translated_fields['password'] | capitalize }} {{ form.errors.messages['password'] }}. {%- endif -%} {{ 'customer.register.submit' | t }} {%- endform -%}

ご使用のテーマにもよりますが、考えられる要因としては、novalidate: ‘novalidate’ というコードがフォームタグに含まれていないでしょうか?

以下はDebutのコードをベースにですが、同様の事例に回答をさせて頂いておりますのでご参考になりましたら幸いです。

https://community.shopify.com/post/1510661

ご連絡いただき誠にありがとうございます。

ご指示の通り、編集をしたところ必須項目にすることができました。

ただ、電話番号を入力して会員登録したあと、管理画面より顧客の情報を閲覧すると電話番号が登録されていません。こちらは何が原因でしょうか…?

ちなみに、themeはDawnを使用しております。