商品ページに必須の入力項目を付け加えたい

[大阪の侍]

初めて質問をさせていただきます。

<p class="line-item-property__field">
<label for="idtaro1234">IDを入力（例:@taro1234)</label>
<input required class="required" id="idtaro1234" type="text" name="properties[IDを入力（例:@taro1234)]">
</p>

このようなHTMLをmain-product.liquidに追加しました。

入力フォームは出現し、注文にも反映されるのですが、商材の特性上【必須】の入力項目にしたいです。

しかし、必須にするためのrequiredを入力したつもりなのですが、入力せずともカートに追加等ができてしまいます。

このような場合にどうすればいいのかご教示いただけないでしょうか？？

よろしくお願いいたします。

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

大阪の侍さま

ご質問を確認しました。

入力フォームに文字入力が起こるまで、カートボタンを非活性化にする方法はいかがでしょうか？

https://web-camp.io/magazine/archives/103303

ご参考までに。

フルバランス 園畑