Just nu i M3-nätverket
Gå till innehåll

Select required


Jompan

Rekommendera Poster

Jag håller på med ett formulär, där val av ett option i en select-tagg ska vara obligatorisk.

Jag försöker med select required, men får det inte att funka, dvs det blir ingen effekt av den koden. Det går således bra att gå förbi valet och ändå skicka in formuläret.

 

Finns det någon annan lämplig kod att ta till?

 

// Jompan

Länk till kommentar
Dela på andra webbplatser

Antar att det är HTML5 vi talar om här?

 

Har du ett val utan värde först i din select? 

<select required>
   <option value="" style="display:none"/>
   <option value="1">Ett</option>
   <option value="2">Två</option>
   <option value="3">Tre</option>
</select>
Länk till kommentar
Dela på andra webbplatser

<select required id="select">
  <option value="">Please select</option>
  <option value="one">One</option>
</select> 

Enligt specen ska det finnas ett val ("option") med tomt värde. Om man inte skriver value-parametern blir texten mellan optiontaggarna värdet.

 

Tänk på att required-parametern är html5-specifik och stöds ej av webbläsare som inte stödjer html5.

 

 

Du kan som alternativ till html5 ta till javascript genom att kontrollera om select-rutans valda option har ett värde och isf skriva ut något eller visa meddelande på annat lämpligt sätt.

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...