|
|
|
|
Bonjour aux spécialistes des formulaires et javascript,
J'ai fait un formulaire avec 4 champs obligatoires parmi d'autres. Un script.js de controle de ces champs.
Jusque là: OK !.
Mais j'ai un autre script qui me génére (mal mais...) une pop up avec le résumé.
Celui là fonctionne aussi mais.... c'est soit l'un, soit l'autre. Pas les deux en même temps. Dans le head j'ai:
<script language="JavaScript" src="../scripts/verif.js" type="text/JavaScript"></script> <script language="JavaScript" src="../scripts/resume.js" type="text/JavaScript"></script>
<!-- Vérification des champs du formulaire
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.matricule.value == "")
{
alert ('Veuillez entrer votre matricule');
document.formulaire.matricule.focus();
return false;
}
if(document.formulaire.matricule.value.length != 4)
{
alert ('Le matricule doit comporter 4 chiffres');
document.formulaire.matricule.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 != 6)
{
alert ('Le n° de téléphone doit comporter 6 chiffres');
document.formulaire.telephone.focus();
return false;
}
else {return true;}
}
//--> et le resume.js:
<!--popup confirmation après validation formulaire.
function resum(){
Fenetreresum = window.open('','Vérification','scrollbars=no, resizable=no, toolbar=no, status=no, top=220, left=250, width=420, height=300')
Fenetreresum.document.write("Merci de prrendre le temps de vérifier ce que vous venez de saisir:<br> ( coordonnées, téléphone où e-mail et la date). <br><strong> Merci !</strong>");
Fenetreresum.document.write("<br><br><b>Nom : </b>" + document.formulaire.nom.value);
Fenetreresum.document.write("<br><b>Prénom : </b>" + document.formulaire.prenom.value);
Fenetreresum.document.write("<br><b>matricule: </b>" + document.formulaire.matricule.value);
Fenetreresum.document.write("<br><b>téléphone: </b>" + document.formulaire.telephone.value);
Fenetreresum.document.write("<br><b>e-mail: </b>" + document.formulaire.courriel.value);
Fenetreresum.document.write("<br><b>date choisie: </b>" + document.formulaire.select.value);
Fenetreresum.document.write("<br><b>commentaire éventuel: </b>" + document.formulaire.textarea.value);
}
//--> D'ailleur ce dernier est incomplet car je ne peux pas définir la police, sa taille, sa graisse sa couleur etc.... mais je ne sais pas comment l'écrire ici dessus.
<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.matricule.value == "")
{
alert ('Veuillez entrer votre matricule');
document.formulaire.matricule.focus();
return false;
}
if(document.formulaire.matricule.value.length != 4)
{
alert ('Le matricule doit comporter 4 chiffres');
document.formulaire.matricule.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 != 6)
{
alert ('Le n° de téléphone doit comporter 6 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: #FFFFCC;";
html += " color: #009900;";
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 ou e-mail et la date).</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<Matricule</b></td>";
html += " <td>: ";
html += document.formulaire.matricule.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>Date choisie</b></td>";
html += " <td>: ";
html += document.formulaire.select.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>
<form name="formulaire" method="GET" action="http://www.somewhere.com">
<table>
<tr>
<td>Nom:</td>
<td><input type="" name="nom" value="Hack" /></td>
</tr>
<tr>
<td>Prénom:</td>
<td><input type="" name="prenom" value="Track" /></td>
</tr>
<tr>
<td>Matricule:</td>
<td><input type="" name="matricule" value="1234" /></td>
</tr>
<tr>
<td>Téléphone:</td>
<td><input type="" name="telephone" value="123456" /></td>
</tr>
<tr>
<td>Courriel:</td>
<td><input type="" name="courriel" value="hack_track@hotmail.com" /></td>
</tr>
<tr>
<td>Date:</td>
<td>
<select name="select">
<option value="01/04/2006">01/04/2006</option>
<option value="01/10/2006">01/10/2006</option>
</select>
</tr>
<tr>
<td>Commentaire:</td>
<td><textarea cols="40" rows="5" name="textarea" value="">Juste pour tester. HackTrack</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>
</body>
</html>
;-) HackTrack |
Merci infiniment !
|
Salut Hack,
<script language.......><script>dans le head du formulaire. Ca fonctionne très bien. Si tu veux, lundi je t'enverrai le code complet de la page en question... Merci encore et bon week end. Le bonheur est la seule chose que l'on peut donner sans l'avoir. |
Moi j'ai un ti pb avec ton script HackTrack !
<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.matricule.value == "")
{
alert ('Veuillez entrer votre matricule');
document.formulaire.matricule.focus();
return false;
}
if(document.formulaire.matricule.value.length != 4)
{
alert ('Le matricule doit comporter 4 chiffres');
document.formulaire.matricule.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 != 6)
{
alert ('Le n° de téléphone doit comporter 6 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: #FFFFCC;";
html += " color: #009900;";
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 ou e-mail et la date).</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<Matricule</b></td>";
html += " <td>: ";
html += document.formulaire.matricule.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>Date choisie</b></td>";
html += " <td>: ";
html += document.formulaire.select.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>
<form name="formulaire" method="post" action="index2.php">
<table>
<tr>
<td>Nom:</td>
<td><input type="" name="nom" value="nom" /></td>
</tr>
<tr>
<td>Prénom:</td>
<td><input type="" name="prenom" value="fred" /></td>
</tr>
<tr>
<td>Matricule:</td>
<td><input type="" name="matricule" value="1234" /></td>
</tr>
<tr>
<td>Téléphone:</td>
<td><input type="" name="telephone" value="123456" /></td>
</tr>
<tr>
<td>Courriel:</td>
<td><input type="" name="courriel" value="Mon_mail@fai.fr" /></td>
</tr>
<tr>
<td>Date:</td>
<td>
<select name="select">
<option value="01/04/2006">01/04/2006</option>
<option value="01/10/2006">01/10/2006</option>
</select>
</tr>
<tr>
<td>Commentaire:</td>
<td><textarea cols="40" rows="5" name="textarea" value="">Juste pour tester.</textarea></td>
</tr>
<tr>
<td colspan="2"><input type="submit" onclick="javascript: return verif();"/> <input type="reset"/>
<td colspan='2'>";
</td>
</tr>
</table>
</form>
<div id="flag" name="flag" style="display: none;">false</div>
</body>
</html>
Et voici juste le script javascript d’ouverture de la popup de ma page index2.html </script>
<script language="javascript">
function popupcentree(page,largeur,hauteur,options)
{
var top=(screen.height-hauteur)/2;
var left=(screen.width-largeur)/2;
window.open(page,"popup","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);
}
</script> |
Alert javascript Control parental Controle active x facebook Controle de redondance cyclique Controle parental gratuit Controler bouton radio javascript Controleur de memoire pci Controleur ethernet Driver controleur video compatible vga Form javascript Html form Javascript form elements Javascript pdf Javascript regex Javascript; submit a form Pdf javascript form how to Tableau javascript Validation form javascript
