Formulaire en javascript

Fermé
johnjohn - 9 juil. 2012 à 21:17
 johnjohn - 9 juil. 2012 à 21:38
Bonjour,
Je travaille sur un formulaire html/javascript mais je comprend pas certaine chose peut etre pouvez vous m'aider?

Comment faire pour faire un contrôle sur des champs :checkbox ?

Lorsque je valide le formulaire j'ai une deuxième fenêtre qui s'affiche pour valider le questionnaire cependant sur les ligne Adresse, Code postale et ville je ne vois les libellés. et je ne vois pas mes checkbox non plus.

Sur la ligne <form name="formulaire" method="GET" action="??????"> que dois je mettre dans action si je met mon ancien fichier php cela m'envoie le formulaire mais vide !

Merci



<html>
<head>
<script language="javascript" type="text/javascript">

function verif()
{
var nom = document.formulaire.nom.value;
if (document.formulaire.nom.value == "")
{
alert ('Veuillez entrer votre Nom');
document.formulaire.nom.focus();
return false;
}
if(document.formulaire.prenom.value == "")
{
alert ('Veuillez entrer votre Prénom');
document.formulaire.prenom.focus();
return false;
}
if(document.formulaire.adresse.value == "")
{
alert ('Veuillez entrer votre adresse');
document.formulaire.adresse.focus();
return false;
}
if(document.formulaire.codepostale.value == "")
{
alert ('Veuillez entrer votre code postale');
document.formulaire.codepostale.focus();
return false;
}
if(document.formulaire.codepostale.value.length != 5)
{
alert ('Le code postale doit comporter 5 chiffres');
document.formulaire.codepostale.focus();
return false;
}
if(document.formulaire.ville.value == "")
{
alert ('Veuillez entrer votre ville');
document.formulaire.ville.focus();
return false;
}
if(document.formulaire.telephone.value == "")
{
alert ('Veuillez entrer un n° de téléphone');
document.formulaire.telephone.focus();
return false;
}
if(document.formulaire.telephone.value.length != 10)
{
alert ('Le n° de téléphone doit comporter 10 chiffres');
document.formulaire.telephone.focus();
return false;
}
else
{
if(window.document.all('flag').innerHTML="false"){
resum();
return false;
}else{
return true;
}
}
}

function resum(){
html= "";
html += " <head>";
html += " <style>";
html += " body, table, tr,td{";
html += " background-color: #565252;";
html += " color: #FFFFFF;";
html += " font-family: Verdana, Arial, Courrier;";
html += " font-size: 10px;";
html += " }";
html += " </style>";
html += " </head>";
html += " <body>";

html += "<i>Merci de prendre le temps de vérifier ce que vous venez de saisir:<br> ( coordonnées, téléphone, e-mail ...).</i>";
html += "<p/><strong> Merci !</strong><p/>";
html += " <table>";
html += " <tr>";
html += " <td><b>Nom</b></td>";
html += " <td>: ";
html += document.formulaire.nom.value;
html += " </td>";
html += " </tr>";
html += " <tr>";
html += " <td><b>Prénom</b></td>";
html += " <td>: ";
html += document.formulaire.prenom.value;
html += " </td>";
html += " </tr>";
html += " <tr>";
html += " <td><b<adresse</b></td>";
html += " <td>: ";
html += document.formulaire.adresse.value;
html += " </td>";
html += " </tr>";
html += " <tr>";
html += " <td><b<code postale</b></td>";
html += " <td>: ";
html += document.formulaire.codepostale.value;
html += " </td>";
html += " </tr>";
html += " <tr>";
html += " <td><b<ville</b></td>";
html += " <td>: ";
html += document.formulaire.ville.value;
html += " </td>";
html += " </tr>";
html += " <tr>";
html += " <td><b>Téléphone</td>";
html += " <td>: ";
html += document.formulaire.telephone.value;
html += " </td>";
html += " </tr>";
html += " <tr>";
html += " <td><b>E-mail</b></td>";
html += " <td>: ";
html += document.formulaire.courriel.value;
html += " </td>";
html += " </tr>";
html += " <tr>";
html += " <td><b>Commentaire éventuel</b></td>";
html += " <td>: ";
html += document.formulaire.textarea.value;
html += " </td>";
html += " </tr>";
html += " <tr>";
html += " <td colspan='2'>";
html += " <button onclick='window.opener.document.all(\"flag\").innerHTML=\"true\";window.opener.document.formulaire.submit();self.close();'>Je confirme</button>";
html += " <button onclick='self.close();'>Je veux modifier</button>";
html += " </td>";
html += " </tr>";
html += " <table>";
html += " </body>";
Fenetreresum = window.open('','Vérification','scrollbars=no,resizable=no,toolbar=no,status=no,top=220,left=250,width=420,height=300')
Fenetreresum.document.write(html);
}

</script>
</head>
<body>
<div style="position: absolute; width: 650px; height: 665px; z-index: 3; left: 350px; top: 500px" id="couche3">
<div align=center>
<form name="formulaire" method="GET" action="??????">
<table>
<tr>
<td>Nom:</td>
<td><input type="" name="nom" size=71 value="Taper votre Nom" /></td>
</tr>
<tr>
<td>Prénom:</td>
<td><input type="" name="prenom" size=71 value="Taper votre Prénom" /></td>
</tr>
<tr>
<td>Adresse:</td>
<td><input type="" name="adresse" size=71 value="Entrer votre adresse" /></td>
</tr>
<tr>
<td>Code postale:</td>
<td><input type="" name="codepostale" size=71 value="Entrer votre code postale" /></td>
</tr>
<tr>
<td>Ville:</td>
<td><input type="" name="ville" size=71 value="Entrer votre ville" /></td>
</tr>
<tr>
<td>Téléphone:</td>
<td><input type="" name="telephone" size=71 value="Entrer votre numero" /></td>
</tr>
<tr>
<td>Courriel:</td>
<td><input type="" name="courriel" size=71 value="Entrer un e-mail valide" /></td>
</tr>
<tr>
<td>Projet:</td>
<td>
<INPUT type="checkbox" name="Construction Maison Neuf" value="1"> Construction Maison Neuf
<INPUT type="checkbox" name="Rénovation" value="2"> Rénovation
<INPUT type="checkbox" name="Demande de devis" value="3"> Demande de devis
<INPUT type="checkbox" name="Achat/vente terrain" value="4"> Achat/vente terrain
<INPUT type="checkbox" name="Achat/Vente bien immobilier" value="5"> Achat/Vente bien immobilier
<INPUT type="checkbox" name="Prise de RDV" value="6">Prise de RDV
</td>
</tr>
<tr>
<td>Mode de reponse:</td>
<td>
<INPUT type="checkbox" name="Mail" value="1">Mail
<INPUT type="checkbox" name="Téléphone" value="2"> Téléphone
<INPUT type="checkbox" name="Courrier" value="3"> Courrier
</td>
</tr>
<tr>
<td>Commentaire:</td>
<td><textarea cols="65" rows="5" name="textarea" value="">Taper votre message ....</textarea></td>
</tr>
<tr>
<td colspan="2"><input type="submit" onclick="javascript: return verif();"/> <input type="reset"/></td>
</tr>
</table>
</form>
<div id="flag" name="flag" style="display: none;">false</div>
</div>
</body>
</html>

1 réponse

Alors l'envoi du formulaire fonctionne cependant j'ai un problème je reçoit ça :

nom : Taper votre Nom
prenom : Taper votre Prénom
adresse : Entrer votre adresse
codepostale : 01234
ville : Entrer votre ville
telephone : 0123456789
courriel : Entrer un e-mail valide
Rénovation : 2
Téléphone : 2
text : Taper votre message ....

Je n'arrive pas à mettre de contrôle sur mes checkbox

Je souhaite afficher dans le formulaire reçu :


nom : Taper votre Nom
prenom : Taper votre Prénom
adresse : Entrer votre adresse
codepostale : 01234
ville : Entrer votre ville
telephone : 0123456789
courriel : Entrer un e-mail valide
Projet: Rénovation : 2
Mode de contact: Téléphone : 2
text : Taper votre message ....

Dans ma fonction resume je n'affiche pas adresse, codepostale et ville ainsi que mes check box pourquoi ?

Merci
0