JAVASCRIPT aidez moi svp examen
Bonsoir,
Dans mon formulaire, quand je clique sur envoyer, j'aimerais avoir une fenetre de confirmation recapitulative redonnat sous forme de texteles différents parametres du formulaire si l'utilisateur confirme le formulaire est soumis, sinon, on retourne au formulaire tel que rempli par l'utilisateur
un grand merci d'avance
Dans mon formulaire, quand je clique sur envoyer, j'aimerais avoir une fenetre de confirmation recapitulative redonnat sous forme de texteles différents parametres du formulaire si l'utilisateur confirme le formulaire est soumis, sinon, on retourne au formulaire tel que rempli par l'utilisateur
un grand merci d'avance
Configuration: Windows Vista Firefox 2.0.0.14
3 réponses
-
Tous tes champs doivent avoir un id, par exemple :
- pour un champ de texte <input type="text" name="pseudo" id="pseudo">
- pour une case à cocher <input type="checkbox" name="checkbox" value="checkbox" id="case_1">
etc.
Pour récupérer la valeur d'un champ de texte (javascript) :
var pseudo = document.getElementById("pseudo).value;
Pour savoir si une case à cocher est cochée
var caseacocher = document.getElementById("case_1").checked;
Cette variable doit être égale à 1
if (caseacocher) {
var case1 = "cochée"; // Par exemple
} else {
var case1 = "non cochée";
}
Pour la fonction confirm(); voici la syntaxe :
var comfirmer = confirm('Votre pseudo est '+pseudo+' et la case est '+case1'.');
C'est un début, à toi de chercher !
Si c'est un examen, tu dois un peu le faire tout seul ... -
Est-ce que tu fais ton ton confirm() avant la validation ?
-
il est dans la condition si valid
// Action en fonction des donnees valides ou pas
isValid=isValidResponsable && isValidMail && isValidEcole && isValidNbr && isValidDate && isValidDate2 && isValidAdresse;
if (isValid) {
// Toutes les donnees sont valides
document.getElementById("msg").innerHTML=""; //efface ancienne erreur
confirm(msgOK);
//alert(msgOK); // recapitulatif dans msg box
} else {
document.getElementById("msg").innerHTML=msgKO;
document.getElementById("msg").style.color="rgb(237,28,36)";
document.getElementById("ecole").style.backgroundColor="rgb(237,28,36)";
document.getElementById("responsable").style.backgroundColor="rgb(237,28,36)";
document.getElementById("mail").style.backgroundColor="rgb(237,28,36)";
document.getElementById("telephone").style.backgroundColor="rgb(237,28,36)";
document.getElementById("jour").style.backgroundColor="rgb(237,28,36)";
document.getElementById("mois").style.backgroundColor="rgb(237,28,36)";
document.getElementById("annee").style.backgroundColor="rgb(237,28,36)";
document.getElementById("jour2").style.backgroundColor="rgb(237,28,36)";
document.getElementById("mois2").style.backgroundColor="rgb(237,28,36)";
document.getElementById("an2").style.backgroundColor="rgb(237,28,36)";
document.getElementById("nbr").style.backgroundColor="rgb(237,28,36)";
}
return isValid;
}
-
-
Pour la confirmation, écrit plutot :
var confirmer = confirm(msgOK);
if (confirmer) {
// actions à effectuer si il confirme
} else {
// Autre actions
}
