HTML Guide

Advarsler og fejlmeddelelser

Dette eksempel illustrerer visning og anvendelse af fejlmeddelelser.

Ved valideringsfejl og andre typer af fejl på en side, skal en boks vises i toppen af siden over form elementet. Boksen skal indeholde en liste med de konkrete fejl. Boksen ser ud som illustrerert nedenfor.

Bemærk: Fejlbeskeder, status og driftsforstyrrelser skal angives i toppen af den pågældende side, og som minimum sidde over <form>-elementet, som det er vist i eksemplet på denne side.

HTML markup til fejl og advarsler

I det følgende illustreres, hvordan fejl og advarsler konkret implementeres.

<div class="notificationbox">
  <h2>Der er sket en fejl</h2>	  
  <ul>
    <li>Email skal udfyldes</li>
    <li>Telefon skal udfyldes</li>
    <li>Du skal angive at du er virk adminmistrator</li>
  </ul>
</div>

Fejlmarkering på felter

Felter fejlmarkeres ved at tilføje class="error_field" på feltets label. Desuden kan bruges et <em>-element til at angive en udførlig fejltekst (hvis det ønskes).

<label class="error_field">
  Email
  <span class="req">*</span><br/>
  <em>Feltet skal udfyldes</em><br/>
  <input type="text" class="text" value=""/>
</label><br/>

<label class="error_field">
  Telefon<span class="req">*</span><br/>
  <em>Feltet skal udfyldes</em><br/>
  <input type="text" class="text" value=""/>
</label><br/>

<label class="error_field">
  <input type="checkbox"/> Virk administrator<br/>
  <em>Du skal angive at du er virk administrator</em>
</label><br/>