A voir également:
- Message alert dans la meme page
- Message - Guide
- Comment supprimer une page dans word - Guide
- Recuperer message whatsapp supprimé - Guide
- Message d'absence thunderbird - Guide
- Traduire la page - Guide
1 réponse
NookZ
Messages postés
2138
Date d'inscription
jeudi 29 janvier 2009
Statut
Membre
Dernière intervention
7 mars 2013
514
30 mars 2009 à 11:40
30 mars 2009 à 11:40
Pour un message d'alerte, il faut tester les différents champs de ton formulaire et afficher le message en javascript.
Voici un exemple :http://fr.selfhtml.org/javascript/exemples/entrees_formulaire.htm
Personnellement je préfère afficher tous les champs non remplis d'un coup(1/) ou mettre en rouge les champs non validés(2/).
1/ il suffit de créer une variables message : var message="Les champs suivants sont obligatoires : "; au début de la fonction de vérification
puis à chaque condition on fait message+="nom du champ vérifié"; ainsi on ajoute son nom à la suite du message
ex : if(document.formulaire.lieu.value == "") { message += " lieu -"}
ainsi à la fin on a un message ainsi : "Les champs suivants sont obligatoires : lieu - nom - email -"
pour enlever le dernier tiret on peut faire en fin de fonction :
message.substr(message.length-1,1);
2/ il faut créer une classe CSS mettant le nom du champ en rouge et gras
.obligatoire{
color:red;
font-weight:bold;
}
et l'appliquer dans le JS au lieu de faire une alerte, on fait :
if(document.formulaire.lieu.value == "") {
document.formulaire.lieu.cssClass="obligatoire";
return false;
}
Voici un exemple :http://fr.selfhtml.org/javascript/exemples/entrees_formulaire.htm
Personnellement je préfère afficher tous les champs non remplis d'un coup(1/) ou mettre en rouge les champs non validés(2/).
1/ il suffit de créer une variables message : var message="Les champs suivants sont obligatoires : "; au début de la fonction de vérification
puis à chaque condition on fait message+="nom du champ vérifié"; ainsi on ajoute son nom à la suite du message
ex : if(document.formulaire.lieu.value == "") { message += " lieu -"}
ainsi à la fin on a un message ainsi : "Les champs suivants sont obligatoires : lieu - nom - email -"
pour enlever le dernier tiret on peut faire en fin de fonction :
message.substr(message.length-1,1);
2/ il faut créer une classe CSS mettant le nom du champ en rouge et gras
.obligatoire{
color:red;
font-weight:bold;
}
et l'appliquer dans le JS au lieu de faire une alerte, on fait :
if(document.formulaire.lieu.value == "") {
document.formulaire.lieu.cssClass="obligatoire";
return false;
}
30 mars 2009 à 12:39
j'ai essayé de faire mais lorsque je clique sur envoyer seul le 1 champs est testé, voici mon code
<script type="text/javascript">
function verif_formulaire()
{
if(document.form_selects.obj.value == "") {
alert("le sujet de votre demande est obligatoire!");
document.form_selects.obj.focus();
return false;
}
if(form_selects.elements["list0"].options.length==0) {
alert("le secteur de votre demande est obligatoire!");
return false;
}
if(document.form_selects.desc.value == "") {
alert("la description de votre demande est obligatoire");
document.form_selects.desc.focus();
return false;
}
}
</script>
30 mars 2009 à 13:43
30 mars 2009 à 14:09
30 mars 2009 à 14:11
En utilisant ma technique avec la variable message et en ne faisant le "alert" qu'à la fin, le problème sera réglé :)
30 mars 2009 à 14:45
function verif_formulaire()
{
if((document.form_selects.obj.value == "") && (form_selects.elements["list0"].options.length==0) &&
(document.form_selects.desc.value == "") ) {
alert("veuillez remplir les champs obligatoire!");
document.form_selects.obj.cssClass="obligatoire";
document.form_selects.list0.cssClass="obligatoire";
document.form_selects.desc.cssClass="obligatoire";
return false;
}
}
mais ca ne marche pas