Hello à tous
Bon je suis nouveau ici, je découvre la programmation et me suis vite rendu compte que ce site est une des bibles !
Ceci est donc mon premier post, mais sûrement pas le dernier.
Alors voilà... comme j'apprends à programmer, je souhaite prendre les bons réflexes et passer direct au xhtml strict. Or j'ai un problème pour valider la page à cause du fameux attribut name (pour un formulaire).
Après avoir parcouru ce forum, j'ai tenté de remplacer cet attribut par un id tout en utilisant la fonction getelementbyid. Ca valide, mais mon script js ne fonctionne plus. C'est à dire que le script de vérification envoie bien l'alerte nécessaire mais semble quand même envoyer les données, ce qu'il ne faut pas et qui ne se passait pas avec l'attribut name.
Et là... je suis coincé...
alors... si quelqu'un pouvait m'aider sur ce coup là, ce serait vraiment top.
Voici le code :
Merci d'avance pour votre aide
vinny
Modifié par vinny38 (22 Jan 2010 - 16:11)
Bon je suis nouveau ici, je découvre la programmation et me suis vite rendu compte que ce site est une des bibles !
Ceci est donc mon premier post, mais sûrement pas le dernier.
Alors voilà... comme j'apprends à programmer, je souhaite prendre les bons réflexes et passer direct au xhtml strict. Or j'ai un problème pour valider la page à cause du fameux attribut name (pour un formulaire).
Après avoir parcouru ce forum, j'ai tenté de remplacer cet attribut par un id tout en utilisant la fonction getelementbyid. Ca valide, mais mon script js ne fonctionne plus. C'est à dire que le script de vérification envoie bien l'alerte nécessaire mais semble quand même envoyer les données, ce qu'il ne faut pas et qui ne se passait pas avec l'attribut name.
Et là... je suis coincé...
alors... si quelqu'un pouvait m'aider sur ce coup là, ce serait vraiment top.
Voici le code :
<!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" />
<meta http-equiv="imagetoolbar" content="false" />
<meta name="description" content="Mettre la description du site" />
<meta name="keywords" content="Mettre les mots clés" />
<title>Mon formulaire.</title>
<link href="contact.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" >
function verification()
{
if(document.getElementById('formulaire').nom.value == "") {
alert("Veuillez entrer votre nom svp");
document.formulaire.nom.focus();
return false;
}
else
if(document.getElementById('formulaire').prenom.value == "") {
alert("Veuillez entrer votre prenom svp");
document.formulaire.prenom.focus();
return false;
}
else
if(document.getElementById('formulaire').email.value == "") {
alert("Veuillez entrer votre adresse electronique svp");
document.formulaire.email.focus();
return false;
}
else
if(document.getElementById('formulaire').email.value.indexOf('@') == -1) {
alert("Ce n'est pas une adresse electronique, verifiez la svp");
document.formulaire.email.focus();
return false;
}
else
if(document.formulaire.texte.value == "") {
alert("Veuillez entrer le texte de votre message svp");
document.formulaire.texte.focus();
return false;
}
return true
}
</script>
</head>
<body>
<form id="formulaire" action="traitement.php" method="post" onsubmit="return verification()">
<table cellspacing="0">
<tr><th colspan="2">Formulaire de contact</th></tr>
<tr><td class="info">Votre nom : </td><td class="champ">
<input name="nom" type="text" size="50" class="writein"/></td></tr>
<tr><td class="info">Votre prénom : </td><td class="champ">
<input name="prenom" type="text" size="50" class="writein"/></td></tr>
<tr><td class="info">Votre email</td><td class="champ">
<input name="email" type="text" size="50" class="writein"/></td></tr>
<tr><td class="contenu">Votre message</td><td class="contenant"><textarea name="texte" cols="50" rows="20" class="writein"></textarea></td></tr>
<tr id="nepasimprimer"><td class="lesboutons"><input name="annuler" type="reset" value="Annuler"/></td><td>
<input name="soumettre" type="submit" value="Envoyer"/></td></tr>
</table>
</form>
</body>
</html>
Merci d'avance pour votre aide
vinny
Modifié par vinny38 (22 Jan 2010 - 16:11)
Voici le bon code avec un ID au form (<form method="post" action="contact.php" id="formulaire" onsubmit="return validation();">)
