web-dev-qa-db-fra.com

L'attribut HTML5 requis semble ne pas fonctionner

Je n'arrive pas à comprendre pourquoi le nouvel attribut required de HTML5 ne semble pas fonctionner et je sais que mon code simple semble être correct. Que dois-je faire pour que cela fonctionne?

Voici mon code en HTML:

<input type = "text" class = "txtPost" placeholder = "Post a question?" required>
<button class = "btnPost btnBlue">Post</button>

Corrigez-moi si je me trompe, mais si jamais je lance le code dans le navigateur et que je clique sur le bouton sans aucune valeur dans la zone de texte, il devrait contenir une info-bulle indiquant que ce champ était obligatoire. Mais rien ne se passe, peu importe combien de fois vous cliquez sur le bouton. Suis-je mal compris sur la façon d'utiliser l'attribut required ?

J'exécute mon code dans Google Chrome Version 28.0.1500.72.

14
HTTP

Essayez de le placer dans une balise de formulaire et de fermer la balise d’entrée:

<form>
  <input type = "text" class = "txtPost" placeholder = "Post a question?" required />
  <button class = "btnPost btnBlue">Post</button>
</form>
18
LDJ

Assurez-vous que l'attribut novalidate n'est pas défini sur votre balise de formulaire

16
Jinu Joseph Daniel

En fait, lorsque j'ai essayé cela, cela n'a fonctionné que lorsque j'ai défini l'action et la valeur de la méthode pour le formulaire. C'est drôle comment ça marche quand même!

2
Ram Kowshik