Probleme javascript

Fermé
mamar - 4 oct. 2008 à 17:46
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 4 oct. 2008 à 20:42
Bonjour,

Alors voila j'ai crée un formulaire d'inscription, et je voudrai que ma fonction javascript contrôle les données saisies, et enfin renvoie une page html de confirmation d'inscription. Mais pour une osbcure raison je n'y arrive pas, alors je vous envoie mon code en espérant que vous puissiez m'aider.

Ma fonction javascript :

function verifForm(form)
{
var videBool=false;
var mdpBool=false;
var mailBool=false;

if(inscrip.nom.value=="" || inscrip.jour.value=="..." ||inscrip.mois.value=="..." || inscrip.mdPasse.value=="" || inscrip.verifmdPasse.value==""|| inscrip.annee.value=="" || inscrip.mail.value=="" || inscrip.verifMail.value=="");
{alert("Veuillez remplir tous les champs du formulaire svp");
videBool=true;
}


if(inscrip.mdPasse.value != inscrip.verifmdPasse.value);
{alert("Attention les mots de passes saisis ne sont pas identiques");
mdpBool=true;
}

if(inscrip.mail.value != inscrip.verifMail.value);
{alert("Attention les adresses mails saisies ne sont pas identiques");
mailBool=true;}

return(mailBool==true && mdpBool=true && mailBool==true);

}

Et mon code HTML :

<p>Pour vous s'inscrire veuillez remplir le formulaire ci-dessous :</p>

<FORM name="inscrip">

<table border="0">
<tr>
<td>Votre nom ou votre pseudo : </td>
<td><INPUT TYPE="text" NAME="nom"></td>
</tr>

<tr>
<td>Votre date de naissance </td>
<td>Jour : <select name="jour"> <option>...</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>

Mois : <select name="mois"> <option>...</option>
<option>Janvier</option>
<option>Février</option>
<option>Mars</option>
<option>Avril</option>
<option>Mai</option>
<option>Juin</option>
<option>Juillet</option>
<option>Aout</option>
<option>Septembre</option>
<option>Octobre</option>
<option>Novembre</option>
<option>Décembre</option>
</select>

Année : <input type="text" name="annee" size="4">
</td>
</tr>

<tr>
<td>Votre sexe : </td>
<td>Homme : <INPUT TYPE="radio" name="sexe" value="h" checked>
Femme : <INPUT TYPE="radio" name="sexe" value="f">
</td>
</tr>

<tr>
<td>Votre mot de passe de connexion : </td>
<td><INPUT TYPE="text" NAME="mdPasse"></td>
</tr>

<tr>
<td>Vérification de votre mot de passe : </td>
<td><INPUT TYPE="text" NAME="verifmdPasse"></td>
</tr>

<tr>
<td>Votre adresse email : </td>
<td><INPUT TYPE="text" NAME="mail"></td>
</tr>

<tr>
<td>Vérification de votre adresse mail : </td>
<td><INPUT TYPE="text" NAME="verifMail"></td>
</tr>
</table>
<p><input type="button" value="Inscription" onclick="if verifForm(this.inscrip) document.location.href="valide.html";/></p>
</FORM>

1 réponse

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
4 oct. 2008 à 20:42
essayes plutot comme ça c'est plus conforme:

<script language="javascript">
function verifForm(form){
// attention il ne doit pas y avoir de ; a la fin d'une ligne if(......
//si pas bon on return false donc le formaulaire ne partira pas
//si pas d'erreur on return true, le formualire part

if(document.form.nom.value=="" || document.form.jour.value=="..." ||document.form.mois.value=="..." || document.form.mdPasse.value=="" || document.form.verifmdPasse.value==""|| document.form.annee.value=="" || document.form.mail.value=="" || document.form.verifMail.value==""){
	alert("Veuillez remplir tous les champs du formulaire svp");
	return false;
}

if(document.form.mdPasse.value != document.form.verifmdPasse.value){
	alert("Attention les mots de passes saisis ne sont pas identiques");
	return false;
}

if(document.form.mail.value != document.form.verifMail.value){
	alert("Attention les adresses mails saisies ne sont pas identiques");
	return false;
}

return true;
}
</script>


<p>Pour vous s'inscrire veuillez remplir le formulaire ci-dessous :</p>

<form name="inscrip" method="post" action="valid.php" onSubmit="return verifForm('inscrip');">
<!-- si tu veux valider il vau t mieux que le script appelé soit en .php -->

<table border="0">
<tr>
<td>Votre nom ou votre pseudo : </td>
<td><INPUT TYPE="text" NAME="nom"></td>
</tr>

<tr>
<td>Votre date de naissance </td>
<td>Jour : <select name="jour"> <option>...</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>

Mois : <select name="mois"> <option>...</option>
<option>Janvier</option>
<option>Février</option>
<option>Mars</option>
<option>Avril</option>
<option>Mai</option>
<option>Juin</option>
<option>Juillet</option>
<option>Aout</option>
<option>Septembre</option>
<option>Octobre</option>
<option>Novembre</option>
<option>Décembre</option>
</select>

Année : <input type="text" name="annee" size="4">
</td>
</tr>

<tr>
<td>Votre sexe : </td>
<td>Homme : <INPUT TYPE="radio" name="sexe" value="h" checked>
Femme : <INPUT TYPE="radio" name="sexe" value="f">
</td>
</tr>

<tr>
<td>Votre mot de passe de connexion : </td>
<td><INPUT TYPE="text" NAME="mdPasse"></td>
</tr>

<tr>
<td>Vérification de votre mot de passe : </td>
<td><INPUT TYPE="text" NAME="verifmdPasse"></td>
</tr>

<tr>
<td>Votre adresse email : </td>
<td><INPUT TYPE="text" NAME="mail"></td>
</tr>

<tr>
<td>Vérification de votre adresse mail : </td>
<td><INPUT TYPE="text" NAME="verifMail"></td>
</tr>
</table>
<p><input type="submit" name="inscription" value="Inscription" </p>
</FORM>




et puisque tu as firefox utilises la console d'erreur du menu outils elle te sortira les pb de javascript
1