Bonjour,
Je suis présentement un cours en hypermédia et je dois réaliser un site simple avec du html, css, javascript et aspx. Voici mon problème : j'ai un formulaire d'inscription dans mon site que le java doit vérifier, mais je n'arrive pas à voir où j'ai fais une erreur dans le code (je suis débutante) pour que tout sois vérifiée. Quelqu'un pourrais vérifier s'il vous plait.... je vais inclure mon codage html et celui du javascript.
Code HTML :
<form class="affichageFormulaire" name="formulaire" action="register_db.aspx" method="post" onsubmit="return verif_formulaire();">
<table border="3">
<tr>
<td align="center" style=" height:25px;background-color:#B4A500" colspan="2"><b>Coordonnées personnelles :</b></td>
</tr>
<tr>
<td>Nom :</td>
<td><input type="text" name="nom" id="noms" size="68" maxlength="50"/></td>
</tr>
<tr>
<td>Prénom :</td>
<td><input type="text" name="prenom" id="prenoms" size="68" maxlength="50"/></td>
</tr>
<tr>
<td>Adresse :</td>
<td><input type="text" name="adresse" id="adresses" size="68" maxlength="50"/></td>
</tr>
<tr>
<td>Code postal :</td>
<td><input type="text"name="codepostal" id="codepostals" size="68" maxlength="6"/></td>
</tr>
<tr>
<td>Téléphone - maison :</td>
<td><input type="text" name="telM" id="telmaison" size="68" maxlength="20"/></td>
</tr>
<tr>
<td>Téléphone - Travail :</td>
<td><input type="text" name="telB" id="telbureau" size="68" maxlength="20"/></td>
</tr>
<tr>
<td>Courriel :</td>
<td><input type="text" name="courriel" id="courriels" size="68"/></td>
</tr>
<tr>
<td>Âge :</td>
<td><input type="text" name="age" id="ages" size="68"/> </td>
</tr>
<tr>
<td align="center" style=" height:25px; background-color:#B4A500" colspan="2"><b>Je participerai à quelques jours seulement. Veuillez spécifier les jours :</b></td>
</tr>
<tr>
<td>Dimanche, le 27 mai</td>
<td><input type="checkbox" name="jours" id="dimanches" value="Dimanche"/></td>
</tr>
<tr>
<td>Lundi, le 28 mai</td>
<td><input type="checkbox" name="jours" id="lundis" value="Lundi"/></td>
</tr>
<tr>
<td>Mardi, le 29 mai</td>
<td><input type="checkbox" name="jours" id="mardis" value="Mardi"/></td>
</tr>
<tr>
<td>Mercredi, le 30 mai</td>
<td><input type="checkbox" name="jours" id="mercredis" value="Mercredi"/></td>
</tr>
<tr>
<td>Jeudi, le 31 mai</td>
<td><input type="checkbox" name="jours" id="jeudis" value="Jeudi"/></td>
</tr>
<tr>
<td>Vendredi, le 1<sup>er</sup> juin</td>
<td><input type="checkbox" name="jours" id="vendredis" value="Vendredi"/></td>
</tr>
<tr>
<td>Samedi, le 2 juin</td>
<td><input type="checkbox" name="jours" id="samedis" value="Samedi"/></td>
</tr>
<tr>
<td><b>Je participerai aux 7 jours du pèlerinage</b></td>
<td><input type="checkbox" name="jours" id="jourss" value="7jours"/></td>
</tr>
<tr>
<td align="center" style=" height:25px; background-color:#B4A500" colspan="2"><b>Frais d'inscription</b></td>
</tr>
<tr style="text-align:center">
<td colspan="2">25 $ / 7 jours<br/>
5 $ / jour<br/>
moins de 18 ans : Gratuit<br/>
Vous pouvez faire un don au diocèse de Gatineau<br/> (reçus pour tout don de $ 25 et plus)</td>
</tr>
<tr>
<td align="center" style=" height:25px; background-color:#B4A500" colspan="2"><b>Hébergement : à la portée de toutes les bourses</b></td>
</tr>
<tr>
<td colspan="2">Contacter <a href="mailto:noellacarriere@hotmal.com">noellacarriere@hotmail.com</a> <br/>ou consulter le site web du Pèlerinage <a href="http://www.diocesegatineau.org">www.diocesegatineau.org</a><br/> (cliquer sur l'icône des Chemins qui marchent).</td>
</tr>
<tr>
<td align="center" style=" height:25px; background-color:#B4A500" colspan="2"><b>S'inscrire avant le 15 mai 2012 :</b></td>
</tr>
<tr>
<td align="center" colspan="2">a/s Madame Monique Picard<br/>
Diocèse de Gatineau<br/>
180, boulevard Mont-Bleu<br/>
Gatineau (Québec) J8Z 3J5<br/>
courriel: <a href="mailto:picardm@diocesegatineau.org">picardm@diocesegatineau.org</a><br/>
Téléphone : 819 771-8391
</td>
</tr>
<tr>
<td align="center" style="background-color:#B4A500"><input type="submit" value="Soumettre"/></td>
<td align="center" style="background-color:#B4A500"><input type="submit" value="Envoyer"/></td>
</tr>
</table>
</form>
À noter... Il y a du codage aspx dedans, le bouton Soumettre est pour le Javascript (pour démontrer que cela fonction et le Envoyer pour le aspx. Le javascript suivra.....
Code Javascript :
function verif_formulaire()
{
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.codepostal.value == "")
{
return true;
}
alert("Veuillez entrer votre code postal!");
document.formulaire.codepostal.focus();
return false;
}
var chkB = 1;
for(i=0;i<document.formulaire.codepostal.value.length!=6;++i)
{
if(document.formulaire.codepostal.value.charAt(i) < "a"
|| document.formulaire.codepostal.value.charAt(i) > "z")
chkB = -1;
}
for(i=1;i<document.formulaire.codepostal.value.length;++i)
{
if(document.formulaire.codepostal.value.charAt(i) < "0"
|| document.formulaire.codepostal.value.charAt(i) > "9")
chkB = -1;
}
for(i=2;i<document.formulaire.codepostal.value.length;++i)
{
if(document.formulaire.codepostal.value.charAt(i) < "a"
|| document.formulaire.codepostal.value.charAt(i) > "z")
chkB = -1;
}
for(i=3;i<document.formulaire.codepostal.value.length;++i)
{
if(document.formulaire.codepostal.value.charAt(i) < "0"
||document.formulaire.codepostal.value.charAt(i) > "9")
chkB = -1;
}
for(i=4;i<document.formulaire.codepostal.value.length;++i)
{
if(document.formulaire.codepostal.value.charAt(i) < "a"
|| document.formulaire.codepostal.value.charAt(i) > "z")
chkB = -1;
}
for(i=5;i<document.formulaire.codepostal.value.length;++i)
{
if(document.formulaire.codepostal.value.charAt(i) < "0"
|| document.formulaire.codepostal.value.charAt(i) > "9")
chkB = -1;
}
if (chkB == -1){
alert("Votre code postal doit comporter 1 lettre, 1 chiffre, 1 lettre, 1 chiffre, 1 lettre, et 1 chiffre!");
document.formulaire.codepostal.focus();
return false;
}
return true;
}
if(document.formulaire.telM.value == "")
{
return true;
}
var chkZ = 1;
for(i=0;i<document.formulaire.telM.value.length;++i)
{
if(document.formulaire.telM.value.charAt(i) < "0"
|| document.formulaire.telM.value.charAt(i) > "9")
chkZ = -1;
}
if(chkZ == -1)
{
alert("Votre numéro doit contenir 10 chiffres!");
document.formulaire.telM.focus();
return false;
}
if(document.formulaire.telM.value.length != 10)
{
alert("Votre numéro doit contenir 10 chiffres!");
document.formulaire.telM.focus();
return false;
}
return true;
}
if(document.formulaire.telB.value == "")
{
return true;
}
var chkA = 1;
for(i=0;i<document.formulaire.telB.value.length;++i)
{
if(document.formulaire.telB.value.charAt(i) < "0"
|| document.formulaire.telB.value.charAt(i) > "9")
chkA = -1;
}
if(chkA == -1)
{
alert("Votre numéro doit contenir 10 chiffres!");
document.formulaire.telB.focus();
return false;
}
if(document.formulaire.telB.value.length != 10)
{
alert("Votre numéro doit contenir 10 chiffres!");
document.formulaire.telB.focus();
return false;
}
return true;
}
if(document.formulaire.courriel.value == "")
{
alert("Veuillez entrer votre adresse électronique!");
document.formulaire.courriel.focus();
return false;
}
if(document.formulaire.courriel.value.indexOf('@') == -1)
{
alert("Ce n'est pas une adresse électronique!");
document.formulaire.courriel.focus();
return false;
}
if(document.formulaire.age.value == "")
{
alert("Veuillez entrer votre âge!");
document.formulaire.age.focus();
return false;
}
var chkZ = 1;
for(i=0;i<document.formulaire.age.value.length;++i){
if(document.formulaire.age.value.charAt(i) < "0"
|| document.formulaire.age.value.charAt(i) > "9")
chkZ = -1;
if(chkZ == -1) {
alert("Cette mention n'est pas un nombre!");
document.formulaire.age.focus();
return false;
}
}
if (chercher_selection(document.formulaire.jours) == -1)
{
alert("Vous devez au moins choisir un jour!");
return false;
}
return true;
}
function chercher_selection(nom){
for(i=0; i<3;i++){
if(nom[i].checked)
return i;
}
return -1;
}
Question dans la page de javascript doit on inclure les codes que l'on retrouve dans l'entête et le bas du html pour que cela fonctionne???
Merci énormément... J'espère que j'ai été assez claire dans ma description... Je vérifierais régulièrement ce soir pour voir s'il y a des questions!!!
Anick