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
.
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>
Assurez-vous que l'attribut novalidate n'est pas défini sur votre balise de formulaire
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!