How to display only single validation error at a time

Question

I have this code to which displaying errors on my form

&         


        

Answer 1

This works and you don't have to hardcode the validations in you template like @Joes answer above.

Template:
    
          

            
              

                {{validation.message}}
              
            
          

CSS:
    .validation-container div {
      display: none;
    }

    .validation-container div:first-child {
      display: block;
    }