Discussion :

[UDSP50]

Bonjour à tous,

dans un formulaire, j'ai mis une liste avec des choix.
Mon problème c'est que je n'arrive pas a rendre la selection dans cette liste obligatoire

Pourriez-vous m'aider

voici ma liste

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<select name="liste" id="liste" style="widht:100px">
  <option value="briques" title="briques">briques</option>
  <option value="pierres" title="pierres">pierres</option>
</select>

j'ai essayé

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<select name="liste" id="liste" style="widht:100px" required="required">
  <option value="briques" title="briques">briques</option>
  <option value="pierres" title="pierres">pierres</option>
</select>

mais sans succès

Pourriez-vous m'aider svp

Merci à tous

[darkstar123456]

Bonjour,

Il n'est pas forcément suffisant de mettre l'attribut required.
En effet, il est possible de désactiver toute la validation HTML en ajoutant l'attribut novalidate au formulaire.
Par exemple, si vous avez écrit ça, vous n'aurez aucune validation :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<form action="/action_page.php" novalidate>
  <select name="liste" id="liste" style="widht:100px" required="required">
    <option value="briques" title="briques">briques</option>
    <option value="pierres" title="pierres">pierres</option>
  </select>
  <input type="submit">
</form>

Autre chose, vu que vous n'avez pas défini de valeur par défaut nulle à votre sélection, il y a toujours au moins une valeur par défaut sélectionnée (la première)
Vous pouvez d'ailleurs le voir, au chargement de votre page votre select affiche briques.
Si vous souhaitez vraiment rendre ce champ obligatoire, vous devez d'abord définir une valeur vide pour qu'il puisse y avoir une erreur.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<form action="/action_page.php"><!-- j'ai supprimé le "novalidate" pour être sûr d'avoir une validation HTML -->
  <select name="liste" id="liste" style="widht:100px" required="required">
    <option value=""></option><!-- ici une valeur vide pour provoquer une erreur par défaut -->
    <option value="briques" title="briques">briques</option>
    <option value="pierres" title="pierres">pierres</option>
  </select>
  <input type="submit">
</form>