How to add re-enter email field?

572 Posts

9thwave Reply #1, 6 years, 3 months ago

Hi,
I want to have an extra email field that checks against the first to make sure they match. I can't figure how to do it.
I have the following:

<label>
        What is your email? 
        <span class="error">[[!+fi.error.email]]</span>
        </label>
        <input type="text" name="email" id="email" value="[[!+fi.email]]" />
        <label>
        Re-enter yuor email 
        <span class="error">[[!+fi.error.email2]]</span>
        </label>
        <input type="text" name="email2" id="email2" value="[[!+fi.email2]]" />

Do i put something in the properties...
email:email:required,
email2:email:required,

Sorry if i'm missing the obvious.
Thanks for any help
J

www.9thwave.co.uk
WEB | DESIGN | PRINT

- 932 Posts
LK Reply #2, 6 years, 3 months ago

Most UX leading experts deter using an enter your email twice requirement but if you do want to do this then it's best to handle validation on the front-end anyway to save the form having to be submitted, processed and the page re-rendered. You can this using JavaScript quite easily. Check this out for guidance:

http://lab.artlung.com/compare-fields/
■ email: [email protected] | ■ website: https://alienbuild.uk

The greatest compliment you can give back to us, is to spend a few seconds leaving a rating at our trustpilot: https://uk.trustpilot.com/review/alienbuild.uk about the service we provided. We always drop mention of services offered by businesses we've worked with in the past to those of interest.