formulaire contact
Posté : 09 déc. 2008, 18:06
bonjour,
je viens de creer mon formulaire contact. Le texte html (<form></form>) se trouve dans la bdd. Le fichier contact.js se trouve dans un dossier fct à la base du site et le fichier contact.php dans un dossier post egalement à la racine.
Le problème est le suivant : que je renseigne ou on mon formulaire lorsque j'appuie sur le bouton envoyer, je reçoit le mail avec ou non les informations. Le script js ne se lance pas pour m'informer que je n'ai pas remplie les champs obligatoire.
voici le formulaire html :
le code php
le code js
merci de vos réponses
je viens de creer mon formulaire contact. Le texte html (<form></form>) se trouve dans la bdd. Le fichier contact.js se trouve dans un dossier fct à la base du site et le fichier contact.php dans un dossier post egalement à la racine.
Le problème est le suivant : que je renseigne ou on mon formulaire lorsque j'appuie sur le bouton envoyer, je reçoit le mail avec ou non les informations. Le script js ne se lance pas pour m'informer que je n'ai pas remplie les champs obligatoire.
voici le formulaire html :
Code : Tout sélectionner
<!-- debut boite formulaire contact -->
<div id="formulaire-contact">
<form class="position-formulaire-contact" method="post" action="post/contact.php" onsubmit="return verifContact();">
<input type="hidden" name="envoi" value="ok" />
<input type="hidden" name="form" value="contact" />
<!-- debut boite question -->
<div id="boite-question-contact">
<p>Nom*
</p>
<p>Prénom*
</p>
<p>Email*
</p>
<p>Votre demande*
</p>
<p>
</p>
<p>
</p>
<p class="legende">*champs obligatoire
</p>
</div>
<!-- fin boite question -->
<!-- debut boite reponse -->
<div id="boite-reponse-contact">
<p><input name="nom" id="nom" type="text" class="imput" />
</p>
<p><input name="prenom" id="prenom" type="text" class="imput" />
</p>
<p><input name="adr_mail" id="adr_mail" type="text" class="imput" />
</p>
<p><input name="message" id="message" type="text" class="imput" />
</p>
<p><input name="envoyer" value="envoyer" id="envoyer" type="submit" class="envoyer" />
</p>
<p>
</p>
</div>
<!-- fin boite reponse -->
</form>
le code php
<?php
if (isset($_POST['nom']) && isset($_POST['prenom']) && isset($_POST['adr_mail']) && isset($_POST['message'])){
// message
$message = "Formulaire contact\n\n";
$message.= "Nom : ".$_POST['nom']."\n\n"
."Prénom : ".$_POST['prenom']."\n\n"
."Adresse e-mail : ".$_POST['adr_mail']."\n\n"
."Message : ".$_POST['message'];
// mail
$sd_mail = mail("[email protected]","adepte.fr : contact",$message,"From: ".$_POST['prenom']." ".$_POST['nom']." <".$_POST['adr_mail'].">\r\n");
// retour
if ($sd_mail){
header("Location:../ctn.php?p1=13&p2=0&p3=0&p4=0&msg=2");
exit;
}
else
{
$msg = 'le formulaire n\'a pas été envoyé';
}
}
// retour
header("Location:../ctn.php?p1=13&p2=0&p3=0&p4=0&msg=1");
exit;
?>
le code js
Code : Tout sélectionner
function verifContact(){
nom = document.getElementById('nom').value;
prenom = document.getElementById('prenom').value;
adr_mail = document.getElementById('adr_mail').value;
message = document.getElementById('message').value;
num = 0;
texte = "Merci de renseigner :\n";
if (nom.length==0){
num++;
texte+= "- votre nom\n";
}
if (prenom.length==0){
num++;
texte+= "- votre prénom\n";
}
if (adr_mail.length<5){
num++;
texte+= "- votre email\n";
}
if (message.length<5){
num++;
texte+= "- votre message\n";
}
if (num>0){
alert(texte);
return false;
}
return true;
}
// affiche le message correspondant à l'identifiant passé en paramètre
function affMess(idMess){
texte = "ok";
switch(idMess){
case 1 : texte = "Une erreur s'est produite dans l'envoi de votre message.\n\nMerci de renouveler l'opération."; break;
case 2 : texte = "Nous avons bien reçu votre message."; break;
}
alert(texte);
}