Cannot make dropdown menu required on cart template

Highlighted
New Member
2 0 1

I have a drop-down menu on my shopping cart (cart.liquid) for customer title (mr/mrs/etc).

I need to make this required for the form to validate and proceed to checkout, but cannot make it work. It's very important I find a way for this to happen since we require title, and you cannot add it to the checkout pages as far as I'm aware.

This is what I am using currently:

<select id="Note" name="note"  style="width: 150px;" required> *
<option value="" hidden>--Select title--</option>
<option value="Title: Mr.">Mr</option>
<option value="Title: Mrs.">Mrs</option>
<option value="Title: Ms.">Ms</option>
<option value="Title: Miss.">Miss</option>
<option value="Title: Dr.">Doctor</option>
</select>

Instead of required in the <select> attributes, I have also tried required="true", and required="required", but none of these work.

Any ideas?

Thanks  

0 Likes