Validering
Här har vi samlat exempel på hur vi vill att validering ska upplevas i våra digitala produkter och tjänster.
Användaren lämnar ett tomt obligatoriskt inmatningsfält.
1. Användaren lämnar ett tomt obligatoriskt inmatningsfält.
2. Inmatningsfältet får röd ram, röd label, röd varningstriangel och ett rött felmeddelande.
Användaren lämnar ett felaktigt ifyllt obligatoriskt inmatningsfält.
1. Användaren lämnar ett felaktigt ifyllt obligatoriskt inmatningsfält.
2. Inmatningsfältet får röd ram, röd label, röd varningstriangel och ett rött felmeddelande.
Användaren skickar ett formulär med ett eller fler tomma eller felaktigt ifyllda obligatoriska inmatningsfält.
1. Användaren skickar ett formulär med ett eller fler tomma eller felaktigt ifyllda obligatoriska inmatningsfält.
2. Användaren flyttas längst upp på sidan där en summering av alla fel visas med ankarlänkar till varje tomt eller felaktigt ifyllt inmatningsfält. Berörda inmatningsfält får röda ramar, röda labels, röda varningstrianglar och röda felmeddelanden. Användaren trycker på en ankarlänk.
3. Användaren flyttas till det tomma eller felaktigt ifyllda inmatningsfältet.
Användaren skickar ett formulär med inloggningsuppgifter som inte matchar något konto.
1. Användaren skickar ett formulär med inloggningsuppgifter som inte matchar något konto.
2. Användaren flyttas längst upp på sidan där ett rött felmeddelande visas. Berörda inmatningsfält byter inte utseende.