Les problèmes de vérification du formulaire HTML5 ont échoué

Lorsque les chaussures des enfants avant sont écrites sur la page, il est inévitable que nous allons toujours monter sur le formulaire pour vérifier cette fosse. Depuis l'apparition de H5, de nombreuses vérifications de vérification de l'expression communes, tout cela a été réalisé pour nous, réduisons beaucoup de charges, comme ci-dessous:

Vérification de l'adresse de la boîte aux lettres:

 <! = email> </ label> <Type d'entrée = soumis> </ form> </ body> </html>

La vérification de la boîte aux lettres est soutenue par H5 lui-même, mais les scènes et la situation que nous devons vérifier sont diverses. Nous pouvons spécifier des expressions régulières dans le modèle.

 <! = Modèle de texte = ^ / d {11} $> </ label> <Type d'entrée = soumis> </ form> </ body> </html>

Vous pouvez l'essayer, et vous signalerez une erreur lors de la saisie du nombre de -11 bits. Nous utilisons le modèle pour vérifier le formulaire. Nous n'avons même pas besoin de la page.

Si vous avez des problèmes, nous devons le résoudre.

OnInvalid: Lorsque la valeur de l'élément d'entrée soumis est une valeur non valide (voici la défaillance de vérification régulière), déclenchez

Événement OnInvalid. OnInvalid appartient à l'événement de formulaire.

SetCustomValidité (): Il s'agit de la méthode JS construite de HTML5.

Il s'avère que vous pouvez être une définition de rappel via onInvalid et SetCustomValidité, alors c'est facile à faire.

 <! = Modèle de texte = ^ / d {11} $ onInvalid = setCustomValidité ('Veuillez entrer 11 chiffres')> </ label> <Type d'entrée = soumis> </ form> </body> </html>

résultat:

Enfin, ce n'est pas un format douloureux des œufs.

Ce qui précède est l'invite que la vérification du formulaire HTML5 vous a présenté par l'éditeur. Merci beaucoup pour votre soutien pour le site Web VEVB Wulin!