Merge Server-Client Errors

Purpose

This component merges Server and Client errors together.

Example

Consider adding an aria-hidden="true" attribute to <strong class="required"> (i.e. <strong class="required" aria-hidden="true">) in required field labels. Hardcoding it will prevent screen readers from announcing "required" twice in the noscript and basic HTML versions of the page. The form validation plugin automatically adds the attribute to the JavaScript version. Don't use the attribute in required <legend> elements.

After submitting your page, the server returned 7 server errors. Now if you try to resubmit your form with some client errors, the component will add these errors to the existing server errors.

To test: Try clearing a field or enter 201 as the Beneficiary's age or uncheck all checkboxes.

Demo Asp.Net Web Form

Section 1

Beneficiary
Citizen Status (Required field)
Contact Information (Required field)You can't choose more than 2 checkboxes
Signature (Required field)
Work Status (Required field)You must select No for this question.
New Vacation Destinations (Required field)You have already been to Mexico.
Owned pets (Required field)A deer is not a pet.
Date modified: