DAWN: how to make a form field required?

[PLCollection]

How do I make the Name field required in the Contact Form?

Thanks

[kazi]

@PLCollection  add required to the input field  you can find the contact form codes in sections > contact-form.liquid  

ex:   <input class="field__input" required autocomplete="name" type="text" id="ContactForm-name" name="contact[{{ 'templates.contact.form.name' | t }}]" value="{% if form.name %}{{ form.name }}{% elsif customer %}{{ customer.name }}{% endif %}" placeholder="{{ 'templates.contact.form.name' | t }}">

[AvadaCommerce · Accepted solution]

Hi @PLCollection 

Please go to your Online Stores > Themes > Edit code > Sections > Open contact-form.liquid

Find the line that contains id="ContactForm-name" (around line 37). 
Replace this code 

 <input class="field__input" autocomplete="name" type="text" id="ContactForm-name" name="contact[{{ 'templates.contact.form.name' | t }}]" value="{% if form.name %}{{ form.name }}{% elsif customer %}{{ customer.name }}{% endif %}" placeholder="{{ 'templates.contact.form.name' | t }}">
          <label class="field__label" for="ContactForm-name">{{ 'templates.contact.form.name' | t }}</label>

With the following code: 

<input class="field__input" autocomplete="name" type="text" id="ContactForm-name" name="contact[{{ 'templates.contact.form.name' | t }}]" value="{% if form.name %}{{ form.name }}{% elsif customer %}{{ customer.name }}{% endif %}" placeholder="{{ 'templates.contact.form.name' | t }}" required> <label class="field__label" for="ContactForm-name">{{ 'templates.contact.form.name' | t }} <span aria-hidden="true">*</span></label>

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!

[PLCollection]

This works. Thank you!

[AvadaCommerce]

You're welcome @PLCollection