HTMLInputElement.prototype.setCustomValidity
Syntaxe:
setCustomValidity(string message)
Note:
Change le statut interne du message (:-moz-ui-invalid), ajoute le message en propriété interne, mais n'affiche pas le "dialogue" avec le message.
C'est lors de la validation du formulaire (submit) que le dialogue s'affiche. (deuxième submit)
Si le message est vide "", il n'y a pas d'erreur.
CSS:
resource://gre-resources/forms.css
:not(output):-moz-ui-invalid { box-shadow: 0 0 1.5px 1px red; }
Liens:
HTMLInputElement
Custom html5 form validation not showing custom error
Constraint validation
Example JSFiddle