Probleme javascript
mamar
-
Utilisateur anonyme -
Utilisateur anonyme -
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>
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:
- Probleme javascript
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Erreur #125 javascript - Forum Mozilla Firefox
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi - Forum Javascript
24 réponses
Ce que je comprend pas dans ton code, c'est que tu retournes true ou false mais où???
Dans valide.html?
Dans valide.html?
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"
^^
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"
^^
Je recommence en corrigeant mes erreurs...
Voilà!
<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à!