Is there a way to have form submission errors appear immediately above their associated form field on a multipage custom form?
In Squiz’s tutorial, it suggested using the %current_page_contents% keyword to render the questions dynamically for each page of the form, unfortunately this seems to mean that it’s impossible to place form field errors (from a form submission) above their related fields.
I want to be able to do something like this, but on a multi page form:
<div class="sq-form-question sq-form-question-text sq-form-question-error" id="sq_form_field_wrapper_q371218_q1"> <label class="sq-form-question-title" for="q371218_q1">Name <abbr class="sq-form-required-field" title="required">*</abbr></label> <p id="error_371218_q1" class="sq-form-error">Please enter your name</p> <div class="sq-form-question-answer"> <input type="text" name="q371218:q1" value="" size="30" maxlength="50" id="q371218_q1" class="sq-form-field"> </div> </div>
At present, on a multipage form, the error messages appear below the associated form field. I’d also like to add ‘for’ and ‘aria’ attributes where appropriate to help screen readers understand the form better.
Is this possible on version 18.104.22.168 of Squiz Matrix?