mandatory customization field

[IDOEvent]

I'm trying to add a mandatory customization field on my Shopify store using the Dawn theme. I want to ensure customers fill out this field before they can proceed to checkout. I have attempted to add the 'required' attribute to the input field in the code, but it hasn't worked. I'm looking for a free solution or code snippet that can help me achieve this. Any assistance or guidance would be greatly appreciated!

[Liam]

Hi IDOEvent,

The required attribute might not work in this context - where exactly is the input field that you're adding? Alternatively you could look at using JavaScript validation or setting up an event listener to achieve this as well.

[IDOEvent]

Thank you for the suggestion! The input field is on the product page where customers can add personalized text. I'm not well-versed in JavaScript. Could you provide a code snippet for JavaScript validation or setting up an event listener to make the customization field mandatory? I appreciate your help!

[IDOEvent]

Thank you for your suggestion on using JavaScript validation or setting up an event listener. The input field is located on the product page where customers can add their name for personalization. It's under a Templates product.custom-name1.json and the sections  is main-custom-name1.liquid . I'm not proficient in JavaScript, so if you could provide a code snippet or further guidance on how to set up JavaScript validation or an event listener to make this field mandatory, that would be extremely helpful. I appreciate your assistance!