JAVASCRIPT aidez moi svp examen
dameginettedleville
Messages postés
22
Statut
Membre
-
adgem0 Messages postés 122 Statut Membre -
adgem0 Messages postés 122 Statut Membre -
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
- 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é
- Javascript arrondi - Forum Javascript
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
22
Statut
Membre
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;
}
