Probleme javascript

Fermé
mamar - 9 oct. 2008 à 20:05
 Utilisateur anonyme - 9 oct. 2008 à 22:23
Bonjour,

Alors j'ai créer une fonction javascript de controle pour mon formulaire. Et ma prof désire que grâce à la methode document.location.href="" je renvoi une page de confirmation hors j'ai un probleme et je ne la trouve pas. Je vous laisse donc mon code ci dessous en espérant que vous puissiez m'aider.

<html>

<head>
<title>Vente de DVD en ligne - Inscription</title>

<script language="javascript">
function verifForm(form){

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

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

if(document.inscrip.mail.value != document.inscrip.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">


<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>
<input type="button" value="Envoyer" onclick=verifForm(this.inscrip) document.location.href="valide.html"/>
</FORM>




</body>


</html>
A voir également:

24 réponses

Utilisateur anonyme
9 oct. 2008 à 20:54
Ce que je comprend pas dans ton code, c'est que tu retournes true ou false mais où???
Dans valide.html?
-1
Utilisateur anonyme
9 oct. 2008 à 21:05
si tu veux te rediriger sur valide.html après la vérification du formulaire, tu peux essayer ça :
dans ta fonction javascript, si tu trouves que le formulaire n'est pas bon (champ pas rempli, etc...)
tu fais une variable qui reçoit 0. Si ton formulaire est bon, ta variable reçoit 1.
Maintenant, à la fin de ta procédure, tu vérifie la valeur de ta variable et tu fais :
si ta variable = 0, tu rediriges pas : tu affiches un message en disant que le formulaire a pas été bien rempli.
si ta variable = 1, tu rediriges avec : document.location.href="valide.html"
^^
-1
Utilisateur anonyme
9 oct. 2008 à 21:29
Oui, les ==... je les ai pas mis non plus. mets les
-1
Utilisateur anonyme
9 oct. 2008 à 21:30
Je recommence en corrigeant mes erreurs...

<script language="javascript"> 
function verifForm(form){ 
var flag;
flag=1;

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



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


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



if(flag==1){ 
document.location.href="valide.html";}


Voilà!
-1