Validation de formulaire

Avant un submit (onSubmit="return false;")

On procède à une vérification des éléments d'un formulaire

• Présence de caractères dans un input
• Choix réalisé ou non pour des checkbox
• Choix réalisé ou non pour des radio

radio ou checkbox, c'est pareil !

function check() {

  document.getElementById("id").checked = true;
}
function uncheck() {
  document.getElementById("id").checked = false;

}

if(document.getElementById("id").checked =- false){ function...}

• Comparaison entre deux input (password) : =, == ou ===
  
• REGEX (email, lettres, nombres,...) : tester, méthode match, référence
  

Rechercher et comprendre :

Certains états existent en HTML, en CSS et en JS (disabled)

Exercice 1 :

Prévoir une validation sur les éléments du formulaire suivants :

• nom : uniquement des lettres, espaces ou tirets et NON-vide
• courriel : respecte le format d'un courrier ^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$ non, elle n'est pas simple !
• une case (d'acceptation de condition par exemple) doit être cochée
• Si la validation ne passe pas, colorer l'input, la case en rouge et inscrire une mention d'échec de validation en dessous. Au changement, supprimer ce message

Exercice 2 :

Avec Bootstrap => https://getbootstrap.com/docs/5.1/forms/validation/

À tester et à intégrer dans son formulaire