Form errors

Digital pattern library

This pattern shows the style for showing form validation errors.

The error summary must be at the top of the page.
The summary must help the user understand why the error occurred and what to do about it.
The summary must include a heading to alert the user of the specific error.
The error summary must link to each of the problematic form answers.
Additional error text must appear above the input field for each invalid form answer.

Errors on input fields

Example

Incomplete personal details

Optional description of errors and how to correct them.

Please enter your full name
Please enter a valid telephone number

Your personal details

Full name As shown on your birth certificate or passport Please enter your full name

Telephone number Please enter a valid telephone number using only digits

Code


    Incomplete personal details
    Optional description of errors and how to correct them.
    
        Please enter your full name
        Please enter a valid telephone number
    


Your personal details

    
        Full name
        As shown on your birth certificate or passport
        Please enter your full name
        
    

    
        Telephone number
        Please enter a valid telephone number using only digits

Errors on radio buttons

Example

Personal details incomplete

Optional description of errors and how to correct them.

Please confirm your personal details are correct and up-to-date.

Check your personal details

Code


    Personal details incomplete
    Optional description of errors and how to correct them.
    
        Please confirm your personal details are correct and up-to-date.
    


Check your personal details
    
        
            Are your personal details correct and up-to-date?
            Please select an option
            
                
                    
                    
                    Yes, my personal details are correct
                    
                    

                    
                        
                        No, some details are wrong or have changed