par
béka » 13 juin 2006, 16:27
Bonjour, je fais un script javascript qui permet de vérifier si des champs d'un formulaire sont correctement saisis
Voila mon code :
Code : Tout sélectionner
function check() {
var msg = "";
//ici nous vérifions si le champs nom_etudiant est vide, changeons la couleur du champs et définissons un message d'alerte
if (document.log_etudiant.nom_etudiant.value == "") {
msg += "Veuillez saisir votre nom\n";
document.log_etudiant.nom_etudiant.style.backgroundColor = "#F3C200";
}
//ici nous vérifions si le champs prenom_etudiant est vide, changeons la couleur du champs et définissons un message d'alerte
if (document.log_etudiant.prenom_etudiant.value == "") {
msg += "Veuillez saisir votre prénom\n";
document.log_etudiant.prenom_etudiant.style.backgroundColor = "#F3C200";
}
//ici nous vérifions si le champs adresse_etudiant est vide, changeons la couleur du champs et définissons un message d'alerte
if (document.log_etudiant.adresse_etudiant.value == "") {
msg += "Veuillez saisir une adresse\n";
document.log_etudiant.adresse_etudiant.style.backgroundColor = "#F3C200";
}
//ici nous vérifions si le champs ville_etudiant est vide, changeons la couleur du champs et définissons un message d'alerte
if (document.log_etudiant.ville_etudiant.value == "") {
msg += "Veuillez saisir une ville\n";
document.log_etudiant.ville_etudiant.style.backgroundColor = "#F3C200";
}
//ici nous vérifions si le champs password_etudiant est vide, changeons la couleur du champs et définissons un message d'alerte
if (document.log_etudiant.password_etudiant.value == "") {
msg += "Veuillez saisir un mot de passe\n";
document.log_etudiant.password_etudiant.style.backgroundColor = "#F3C200";
}
//ici nous vérifions si le champs cp_classe est vide, changeons la couleur du champs et définissons un message d'alerte
if (document.log_etudiant.cp_etudiant.value == "") {
msg += "Veuillez saisir un Code postal\n";
document.log_etudiant.cp_etudiant.style.backgroundColor = "#F3C200";
}
//verif mail
var email = document.log_etudiant.email_etudiant.value;
if (email.search(/^[^._-][a-z0-9._-]+[^._-]@[a-z0-9._-]+([a-z0-9]+[^._-])?[.-]+[a-z]{2,4}$/) == -1)
{
msg += "Veuillez entrer une adresse mail valide\n";
document.log_etudiant.email_etudiant.style.backgroundColor = "#F3C200";
}
//Si aucun message d'alerte a été initialisé on retourne TRUE
if (msg == "") return(true);
//Si un message d'alerte a été initialisé on lance l'alerte
else {
alert(msg);
return(false);
}
}
et dans mon formulaire, j'appele donc cette fonction :
Code : Tout sélectionner
<form name="log_etudiant" method="post" action="enregistrement.php" onSubmit="return check();">
Seulement voila, l'enregistrement s'efectue quand même, les variables sont bien passées à la page enregistrement.php.
Les champs qui sont mal saisis apparaissent en jaune (ce qui est normal) mais j'ai pas de message d'erreur?
Pourquoi? qu'est-ce que j'ai fait de mal?
Bonjour, je fais un script javascript qui permet de vérifier si des champs d'un formulaire sont correctement saisis
Voila mon code :
[code]function check() {
var msg = "";
//ici nous vérifions si le champs nom_etudiant est vide, changeons la couleur du champs et définissons un message d'alerte
if (document.log_etudiant.nom_etudiant.value == "") {
msg += "Veuillez saisir votre nom\n";
document.log_etudiant.nom_etudiant.style.backgroundColor = "#F3C200";
}
//ici nous vérifions si le champs prenom_etudiant est vide, changeons la couleur du champs et définissons un message d'alerte
if (document.log_etudiant.prenom_etudiant.value == "") {
msg += "Veuillez saisir votre prénom\n";
document.log_etudiant.prenom_etudiant.style.backgroundColor = "#F3C200";
}
//ici nous vérifions si le champs adresse_etudiant est vide, changeons la couleur du champs et définissons un message d'alerte
if (document.log_etudiant.adresse_etudiant.value == "") {
msg += "Veuillez saisir une adresse\n";
document.log_etudiant.adresse_etudiant.style.backgroundColor = "#F3C200";
}
//ici nous vérifions si le champs ville_etudiant est vide, changeons la couleur du champs et définissons un message d'alerte
if (document.log_etudiant.ville_etudiant.value == "") {
msg += "Veuillez saisir une ville\n";
document.log_etudiant.ville_etudiant.style.backgroundColor = "#F3C200";
}
//ici nous vérifions si le champs password_etudiant est vide, changeons la couleur du champs et définissons un message d'alerte
if (document.log_etudiant.password_etudiant.value == "") {
msg += "Veuillez saisir un mot de passe\n";
document.log_etudiant.password_etudiant.style.backgroundColor = "#F3C200";
}
//ici nous vérifions si le champs cp_classe est vide, changeons la couleur du champs et définissons un message d'alerte
if (document.log_etudiant.cp_etudiant.value == "") {
msg += "Veuillez saisir un Code postal\n";
document.log_etudiant.cp_etudiant.style.backgroundColor = "#F3C200";
}
//verif mail
var email = document.log_etudiant.email_etudiant.value;
if (email.search(/^[^._-][a-z0-9._-]+[^._-]@[a-z0-9._-]+([a-z0-9]+[^._-])?[.-]+[a-z]{2,4}$/) == -1)
{
msg += "Veuillez entrer une adresse mail valide\n";
document.log_etudiant.email_etudiant.style.backgroundColor = "#F3C200";
}
//Si aucun message d'alerte a été initialisé on retourne TRUE
if (msg == "") return(true);
//Si un message d'alerte a été initialisé on lance l'alerte
else {
alert(msg);
return(false);
}
}[/code]
et dans mon formulaire, j'appele donc cette fonction :
[code]<form name="log_etudiant" method="post" action="enregistrement.php" onSubmit="return check();">[/code]
Seulement voila, l'enregistrement s'efectue quand même, les variables sont bien passées à la page enregistrement.php.
Les champs qui sont mal saisis apparaissent en jaune (ce qui est normal) mais j'ai pas de message d'erreur?
Pourquoi? qu'est-ce que j'ai fait de mal?