JAVASCRIPT aidez moi svp examen
dameginettedleville
Messages postés
21
Date d'inscription
Statut
Membre
Dernière intervention
-
adgem0 Messages postés 119 Date d'inscription Statut Membre Dernière intervention -
adgem0 Messages postés 119 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- JAVASCRIPT aidez moi svp examen
- Telecharger javascript - Télécharger - Langages
- Sujet examen tai - Forum Études / Formation High-Tech
- Javascript echo ✓ - Forum PHP
- A javascript error occurred in the main process - Forum Windows
- A javaScript error occurred in the main process - Forum Handicap / Accessibilté
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 ...
- 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 ...
dameginettedleville
Messages postés
21
Date d'inscription
Statut
Membre
Dernière intervention
1
merci beaucoup mais j'ai mal exprimé mon problème, ce que je ne parviens pas a faire c'est de retrouver les informations lorsque l'utilisateur choisi annuler, càd que tout les champs restent completés
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;
}
// 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;
}
