HTML5 Message de validation?

Question

J'ai utilisé HTML5 dans mon nouveau projet et je suis plutôt content d'utiliser certaines des nouvelles fonctionnalités. Cependant, il y a quelques choses qui sont incertaines et je peux les faire travailler. Par exemple si j'utilise l'attribut pattern pour mon message d'erreur de validation de champ n'apparaît pas dans tous les navigateurs. J'ai lu quelques blogs mais tous sont trop vieux et je ne suis pas sûr de savoir lequel de ces problèmes sont corrigés. Voici mon exemple:

<input type="text" name="frm_field1" id="frm_field1" style="width:50px" pattern="^/d{1,3}$" title="Numeric values up to 3 digits." x-moz-errormessage="Numeric values up to 3 digits allowed." /> 

code

ci-dessus sortie le message d'erreur dans Fierfox mais ne rien afficher dans Chrome, Safari et IE. Je me demande si ce problème peut être réparé de quelle façon? Jusqu'à présent, je n'ai pas pu afficher ce message d'erreur dans tous les navigateurs. Mon champ n'est pas requis et la validation est déclenchée uniquement si la valeur est dans le champ. Si quelqu'un connaît le moyen de résoudre ce problème, s'il vous plaît faites le moi savoir. Je vous remercie!

Answer 1

C'est parce que vous utilisez un préfixe spécifique à Firefox x-moz-errormessage Il n'y a pas chose équivalent pour webkit (chrome), mais vous voudrez peut-être regarder setCustomValidity

Answer 2

Vous pouvez également essayer de préférence en utilisant javascript pour valider votre formulaire au lieu.