The following html from a form has several error tags.
Code
- <p class="form__row">
- <perch:label for="first-name" class="form__label"><span class="visually-hidden">First Name</span>
- <perch:input type="text" id="first-name" required="true" placeholder="First Name*" label="First Name" class="form__input"/>
- <perch:error for="first-name" type="required">Please add a first name</perch:error>
- </perch:label>
- <perch:label for="last-name" class="form__label"><span class="visually-hidden">Last Name</span>
- <perch:input type="text" id="last-name" required="true" placeholder="Last Name*" label="Last Name" class="form__input"/>
- <perch:error for="last-name" type="required">Please add a last name</perch:error>
- </perch:label>
- </p>
- <p class="form__row">
- <perch:label for="email" class="form__label"><span class="visually-hidden">Email Address</span>
- <perch:input type="email" id="email" required="true" placeholder="Email Address*" label="Email Address" class="form__input"/>
- <perch:error for="email" type="required">Please add an email address</perch:error>
- <perch:error for="email" type="format">Please check the email address format</perch:error>
- </perch:label>
- <perch:label for="mobile" class="form__label"><span class="visually-hidden">Mobile Number</span>
- <perch:input type="tel" id="mobile" placeholder="Mobile Number" label="Mobile Number" class="form__input"/>
- </perch:label>
- </p>
Yet when I try to get an error (see image below) I can only see the default browser error popups.