QUOTE(CharlesEF @ Sep 18 2019, 12:15 AM)
Where's your code? What you want can be done with Javascript. If you're looking for a ready made script then I don't know if any exist. But we can help you get what you want with Javascript.
Here's the code. Apologies if it seems messy towards the bottom end...
<div class="page-width">
<div class="grid">
<div class="grid__item medium-up--one-half medium-up--push-one-quarter">
<div class="form-vertical">
<h1 class="text-center">{{ 'customer.register.title' | t }}</h1>
{%- assign formId = 'RegisterForm' -%}
{% form 'create_customer', id: formId, novalidate: 'novalidate' %}
{% include 'form-status', form_id: formId %}
<label for="{{ formId }}-FirstName">{{ 'customer.register.first_name' | t }}</label>
<input type="text" name="customer[first_name]" id="{{ formId }}-FirstName" {% if form.first_name %}value="{{ form.first_name }}"{% endif %} autocomplete="given-name">
<label for="{{ formId }}-LastName">{{ 'customer.register.last_name' | t }}</label>
<input type="text" name="customer[last_name]" id="{{ formId }}-LastName" {% if form.last_name %}value="{{ form.last_name }}"{% endif %} autocomplete="family-name">
<label for="{{ formId }}-email">{{ 'customer.register.email' | t }}</label>
<input
type="email"
name="customer[email]"
id="{{ formId }}-email"
class="{% if form.errors contains 'email' %} input--error{% endif %}"
{% if form.email %} value="{{ form.email }}"{% endif %}
autocorrect="off"
autocapitalize="off"
autocomplete="email"
aria-required="true"
{%- if form.errors contains 'email' -%}
class="input--error"
aria-invalid="true"
aria-describedby="{{ formId }}-email-error"
{%- endif -%}
>
{%- if form.errors contains 'email' -%}
<span id="{{ formId }}-email-error" class="input-error-message">
<span class="visually-hidden">{{ 'general.accessibility.error' | t }} </span>
{% include 'icon-error' %}
<span>{{ form.errors.translated_fields['email'] | capitalize }} {{ form.errors.messages['email'] }}.</span>
</span>
{%- endif -%}
<label for="{{ formId }}-password">{{ 'customer.register.password' | t }}</label>
<input
type="password"
name="customer[password]"
id="{{ formId }}-password"
class="{% if form.errors contains 'password' %} input--error{% endif %}"
aria-required="true"
{%- if form.errors contains 'password' -%}
class="input--error"
aria-invalid="true"
aria-describedby="{{ formId }}-password-error"
{%- endif -%}
>
{%- if form.errors contains 'password' -%}
<span id="{{ formId}}-password-error" class="input-error-message">
{% include 'icon-error' %}
<span>{{ form.errors.translated_fields['password'] | capitalize }} {{ form.errors.messages['password'] }}.</span>
</span>
{%- endif -%}
<label for="CustomerFormCustomerorDealer">Are you a Customer or Dealer?</label>
<select id="CustomerFormCustomerorDealer" name="customer[note][Customer or Dealer]">
<option value="" disabled selected>Select your option</option>
<option>Customer</option>
<option>Dealer</option>
</select>
<label for="CustomerFormFairlineowner">Are you a Fairline Yacht owner?</label>
<select id="CustomerFormFairlineowner" name="customer[note][Yes or No]">
<option value="" disabled selected>Select your option</option>
<option>Yes</option>
<option>No</option>
</select>
<label for="CustomerFormHIN">Enter Yacht H.I.N</label>
<input type="text" id="CustomerFormHIN" name="customer[note][Yacht HIN]" placeholder="This is the unique serial number issued to the Yacht.">
<dev/>
<label for="CustomerFormDealership">What is your Dealership's Legal Name?</label>
<input type="text" id="CustomerFormDealership" name="customer[note][Dealership]" placeholder="e.g. Simpson Marine Limited">
<dev/>
<label for="CustomerFormDealershipVerification">Dealer Verification Code</label>
<input type="text" id="CustomerFormDealershipVerification" name="customer[note][DealershipVerification]" placeholder="Please enter the verification code emailed to your dealership.">
<dev/>
<p class="text-center">
<u>
<a href="/pages/understanding-your-yacht-hin">Understanding Your Yacht HIN</a>
</u>
<dev/>
<p
</p>
<p class="text-center">
<input type="checkbox" id="CustomerFormAgree" name="customer[note][Agree]" value="I agree to Fairline Yachts Parts terms and conditions." /> I agree to Fairline Yachts' Parts <u>
<a href="/pages/terms-conditions">Terms and Conditions.</a>
</u>
</p>
<p class="text-center">
<input type="checkbox" id="CustomerFormAgree" name="customer[note][Agree]" value="I agree to all Fairline Yachts Parts Privacy, Refund & GDPR Policies." /> I agree to Fairline Yachts'
<a href="/pages/privacy-policy"><u>Privacy,</u></a>
<a href="/pages/refund-policy"><u>Refund</u><a> &
<a href="/pages/gdpr-policy"><u>GDPR Policies.</u></a>
</p>
<p class="text-center">
<input type="submit" value="{{ 'customer.register.submit' | t }}" class="btn">
</p>
{% endform %}
</div>
</div>
</div>
</div>