<sélect> requis ne fonctionne pas

Question

J'utilise ce code avec le code php pour une sélection et j'ai utilisé la classe required pour la rendre obligatoire mais cela ne fonctionne pas. Est-ce que quelqu'un peut m'aider ? J'ai inclus cette section html avec le code php.

 <select name="category" required="required" class="form-control">
        <option value=" ">--Select Category--</option>
        <option value="asd">asd</option>
    </select>

Answer 1

Essayez de supprimer la valeur d'espace dans votre option de sélection de catégorie.

<select name="category" required="required" class="form-control">
    <option value="">--Select Category--</option>
    <option value="asd">asd</option>
</select> code here

Answer 2

Tout d'abord, remplacez

 <option value=" ">--Select Category--</option>

avec

 <option value="">--Select Category--</option>

Et puis, comme w3c dit, ... "L'attribut required est un attribut booléen. Lorsqu'il est spécifié, l'élément est requis."

 <select name="category" required class="form-control">
     <option value="">--Select Category--</option>
     <option value="asd">asd</option>
 </select>

Aussi aquí vous pouvez trouver le même exemple.

Et aquí vous pouvez essayer le code.

Le requis fonctionne. Le fait est que " " est une valeur et que "" ne l'est pas.

Answer 3

Essayez de changer le required partie à true

Donc ce sera comme required="true" Est-ce que ça a marché ?

Answer 4

Vous n'utilisez que la validation HTML5, qui peut ne pas fonctionner sur tous les navigateurs. Si vous cherchez une validation appropriée, je vous suggère d'utiliser la validation jquery. Document de validation