Bonjour,
Voila, jeune inscrit mais déja des problèmes.
Pour le formulaire de contact de mon site j'ai mis au point une fonction en javascript vérifiant les values des différents champs. Cependant rien n'y fait, la vérification ne marche pas !
( Je pense mais ne suis pas, étant débutant, que cela vient de l'ID 
)
Voila mes codes:
Mon HTML corrigé d'apres le post n°2:
Ma css:
Et mon Javascript:
(Et autre petit problème de PHP, comment peut on lancer une fonction en javascript directement ? )
Merci de votre aide.
fef
Modifié par iFef (19 Jul 2007 - 21:12)
Voila, jeune inscrit mais déja des problèmes.
Pour le formulaire de contact de mon site j'ai mis au point une fonction en javascript vérifiant les values des différents champs. Cependant rien n'y fait, la vérification ne marche pas !
( Je pense mais ne suis pas, étant débutant, que cela vient de l'ID )Voila mes codes:
Mon HTML corrigé d'apres le post n°2:
<!--
- fef's website | V.4.x | Contact's HTML -
______ ______ ______
/\ ___\ /\ ___\ /\ ___\
\ \ __\ \ \ __\ \ \ __\
\ \_\ \ \_____\ \ \_\
\/_/ \/_____/ \/_/
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title> - fef's website - Send a mail to fef -</title>
<style type="text/css" media="screen">@import "css/contact.css";</style>
<script type="text/javascript" src="javascripts/contact.js"></script>
</head>
<body>
<form id="formulaire-contact" method="POST" action="contact/moteur.php" onsubmit="return verificationFormulaireContact()" >
<input id="pseudo" class="pseudo" onfocus="this.value=''" type="text" value="Votre pseudo / nom" /><br/>
<input id="email" class="email" onfocus="this.value=''" type="text" value="Votre adresse email" /><br/>
<input id="site" class="site" onfocus="this.value=''" type="text" value="Votre site internet (facultatif)"><br/>
<input id="sujet" class="sujet" onfocus="this.value=''" type="text" value="Sujet" /><br/>
<textarea id="message" onfocus="this.value=''" class="message">Votre message</textarea><br/>
<input id="annuler" class="boutton" type="reset" value="Annuler" /><input id="envoyer" class="boutton" type="submit" value="Envoyer" />
</form>
</body>
</html>Ma css:
/*
- fef's website | V.4.x | Contact's CSS -
______ ______ ______
/\ ___\ /\ ___\ /\ ___\
\ \ __\ \ \ __\ \ \ __\
\ \_\ \ \_____\ \ \_\
\/_/ \/_____/ \/_/
*/
body, html
{
margin: 0px;
padding: 0px;
text-align: center;
}
input.pseudo
{
width: 385px;
height: 15px;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: bold;
text-align: left;
color: #cccccc;
margin-top: 15px;
padding-left: 25px;
padding-top: 5px;
padding-bottom: 3px;
border: 1px solid #1c1c1c;
background-color: transparent;
background-image: url(../images/fond-champ-pseudo-contact.png);
}
input.email
{
width: 385px;
height: 15px;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: bold;
text-align: left;
color: #cccccc;
margin-top: 20px;
padding-left: 25px;
padding-top: 5px;
padding-bottom: 3px;
border: 1px solid #1c1c1c;
background-color: transparent;
background-image: url(../images/fond-champ-email-contact.png);
}
input.site
{
width: 385px;
height: 15px;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: bold;
text-align: left;
color: #cccccc;
margin-top: 20px;
padding-left: 25px;
padding-top: 5px;
padding-bottom: 3px;
border: 1px solid #1c1c1c;
background-color: transparent;
background-image: url(../images/fond-champ-site-contact.png);
}
input.sujet
{
width: 385px;
height: 15px;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: bold;
text-align: left;
color: #cccccc;
margin-top: 20px;
padding-left: 25px;
padding-top: 5px;
padding-bottom: 3px;
border: 1px solid #1c1c1c;
background-color: transparent;
background-image: url(../images/fond-champ-sujet-contact.png);
}
textarea.message
{
width: 385px;
height: 175px;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: bold;
text-align: left;
color: #cccccc;
line-height: 15px;
margin-top: 30px;
padding-left: 25px;
padding-top: 5px;
padding-bottom: 3px;
border: 1px solid #1c1c1c;
background-color: transparent;
background-image: url(../images/fond-champ-message-contact.png);
overflow: hidden;
}
input.boutton
{
width: 75px;
height: 25px;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: bold;
text-align: left;
color: #cccccc;
margin-top: 30px;
margin-left: 15px;
margin-right: 15px;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 2px;
border: 1px solid #1c1c1c;
text-align: center;
background-color: transparent;
background-image: url(../images/fond-champ-boutton-contact.png);
}Et mon Javascript:
/*
- fef's website | V.4.x | Contact's JS -
______ ______ ______
/\ ___\ /\ ___\ /\ ___\
\ \ __\ \ \ __\ \ \ __\
\ \_\ \ \_____\ \ \_\
\/_/ \/_____/ \/_/
*/
//<-- Verification -->
function verificationFormulaireContact()
{
if (document.formulaire-contact.pseudo.value == "Votre pseudo / nom")
{
document.getElementById("input.pseudo").style.border = "1px solid #cc3333";
return false;
}
else
if (document.formulaire-contact.email.value == "Votre adresse email")
{
document.getElementById("input.email").style.border = "1px solid #cc3333";
return false;
}
else
if (document.formulaire-contact.email.value.indexOf("@") == -1)
{
document.getElementById("input.email").style.border = "1px solid #cc3333";
return false;
}
else
if (document.formulaire-contact.site.value == "Votre site internet (facultatif)")
{
document.formulaire-contact.site.value == "Aucun";
}
else
if (document.formulaire-contact.sujet.value == "Sujet")
{
document.getElementById("input.sujet").style.border = "1px solid #cc3333";
return false;
}
else
if (document.formulaire-contact.message.value == "Votre message")
{
document.getElementById("input.message").style.border = "1px solid #cc3333";
return false;
}
else
return true;
}(Et autre petit problème de PHP, comment peut on lancer une fonction en javascript directement ? )
Merci de votre aide.
fef
Modifié par iFef (19 Jul 2007 - 21:12)
)