Validation de Formulaire JavaScript
10 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Dans la fonction JavaScript validate(), quel est le but de la boucle for (i in inputs)?

  • Parcourir les identifiants des divs d'erreur pour les réinitialiser.
  • Parcourir chaque champ de saisie (input) pour vérifier s'il est vide et afficher un message d'erreur correspondant. (correct)
  • Parcourir les erreurs définies dans le tableau `errors` pour les afficher toutes en même temps.
  • Parcourir tous les éléments HTML du document et appliquer la validation.

Quelle est la conséquence de l'omission des symboles '@' et '.' dans le champ de l'adresse e-mail, selon le script?

  • Le formulaire sera soumis sans aucune validation.
  • Un message d'erreur générique s'affichera sans spécifier le problème.
  • La page sera rechargée pour forcer l'utilisateur à entrer une adresse e-mail valide.
  • Le message '<span style='color: red'>Enter a valid email address!</span>' sera affiché dans la division (div) correspondante. (correct)

Dans le script, quelle est la fonction de document.getElementById(div).innerHTML = errMessage; ?

  • Afficher un message de succès lorsque la validation réussit.
  • Rediriger l'utilisateur vers une autre page si une erreur est détectée.
  • Effacer le contenu de la division (div) spécifiée.
  • Afficher un message d'erreur dans la division (div) spécifiée lorsqu'un champ est vide. (correct)

Quel est le rôle de la fonction finalValidate() dans le script?

<p>Afficher un message final de succès si tous les champs sont correctement remplis. (D)</p> Signup and view all the answers

Quel est l'objectif de l'attribut onkeyup="validate();" dans les balises <input>?

<p>Exécuter la fonction <code>validate()</code> à chaque fois que l'utilisateur entre une valeur dans le champ. (D)</p> Signup and view all the answers

Si l'utilisateur entre des mots de passe différents dans les champs 'password' et 'confirm', quel sera le résultat d'exécution du script?

<p>Un message d'erreur '<span style='color: red'>Your passwords don't match!</span>' sera affiché dans la division (div) 'errConfirm'. (A)</p> Signup and view all the answers

Quelle est la fonction du tableau divs dans ce script JavaScript?

<p>Stocker les identifiants des divisions (divs) où les messages d'erreur doivent être affichés. (B)</p> Signup and view all the answers

Dans le contexte de la validation d'email, que vérifie la condition dotpos<atpos+2 || dotpos+2>=inputs[i].length?

<p>Que le caractère '.' est présent au moins deux positions après le caractère '@' et qu'il n'est pas trop proche de la fin de la chaîne. (B)</p> Signup and view all the answers

Quelle ligne de code permet de récupérer la valeur entrée par l'utilisateur dans le champ 'first'?

<p><code>Inputs[0] = document.getElementById('first').value;</code> (D)</p> Signup and view all the answers

Quel est le type d'événement JavaScript utilisé pour déclencher la validation en temps réel lorsqu'un utilisateur entre des données dans un champ de formulaire?

<p><code>onkeyup</code> (C)</p> Signup and view all the answers

Flashcards

Fonction Valider JavaScript

Une fonction JavaScript pour valider les entrées de formulaire.

Tableau 'divs'

Tableau contenant les identifiants des éléments div où afficher les messages d'erreur.

Tableau 'inputs'

Récupère les valeurs saisies dans les champs du formulaire (prénom, nom, email, etc.).

Tableau 'errors'

Tableau contenant les messages d'erreur pour chaque champ.

Signup and view all the flashcards

Validation des champs vides

Vérifie si les champs sont vides et affiche les messages d'erreur correspondants.

Signup and view all the flashcards

Validation de l'email

Valide le format de l'adresse email en recherchant '@' et '.' .

Signup and view all the flashcards

Validation de la confirmation du mot de passe

Vérifie si le mot de passe et la confirmation du mot de passe correspondent.

Signup and view all the flashcards

Fonction finalValidate()

Fonction finale pour vérifier si toutes les validations sont réussies.

Signup and view all the flashcards

Study Notes

  • Le code présenté concerne la validation de formulaire en JavaScript.

Validation des Champs de Formulaire

  • Une fonction validate() est définie pour vérifier si les champs obligatoires du formulaire sont remplis et valides.
  • Un tableau divs sert à stocker les identifiants des éléments HTML où les messages d'erreur seront affichés.
  • Le tableau inputs récupère les valeurs saisies par l'utilisateur pour chaque champ du formulaire via document.getElementById().
  • Un autre tableau, errors, contient les messages d'erreur à afficher si les champs ne sont pas correctement remplis.
  • Une boucle for...in itère sur le tableau inputs pour valider chaque champ.
  • Si un champ est vide (inputs[i] == "" ), le message d'erreur correspondant est affiché dans l'élément HTML associé.

Validation Spécifique de l'Email

  • Si l'index i est égal à 2, cela signifie que le champ email est en cours de validation.
  • La position de l'arobase (@) et du dernier point (.) sont recherchées dans l'adresse email saisie.
  • Une condition vérifie si l'adresse email est valide en s'assurant que l'arobase et le point sont présents et bien placés.
  • Si l'adresse email n'est pas valide, un message d'erreur spécifique est affiché, sinon "OK!" est affiché.

Validation de la Confirmation du Mot de Passe

  • Si l'index i est égal à 5, la validation concerne la confirmation du mot de passe.
  • Les valeurs des champs 'password' et 'confirm' sont récupérées.
  • On vérifie si les deux valeurs sont identiques
  • Si les mots de passe ne correspondent pas, un message d'erreur indiquant que les mots de passe ne correspondent pas est affiché.

Validation Finale

  • Une fonction finalValidate() est définie pour vérifier si tous les champs du formulaire sont correctement remplis.
  • Un compteur count sert à déterminer le nombre de champs valides.
  • Une boucle for incrémente le compteur si le contenu HTML de l'élément correspondant à chaque champ est "OK!".
  • Si tous les champs sont valides (count == 6), un message de confirmation est affiché, indiquant que toutes les données saisies sont correctes.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

Related Documents

Description

Ce code JavaScript valide les champs obligatoires d'un formulaire. Il affiche des messages d'erreur si des champs sont vides ou si l'adresse e-mail n'est pas valide. La fonction validate() assure que toutes les entrées sont correctes avant la soumission.

More Like This

Client-Side Form Validation Quiz
5 questions
Form Validation in Web Applications
15 questions
PHP Form Validation
7 questions
Use Quizgecko on...
Browser
Browser