Script d'une fonction JavaScript usant la methode if/else

[Résolu/Fermé]
Signaler
Messages postés
4
Date d'inscription
vendredi 13 février 2015
Statut
Membre
Dernière intervention
25 février 2015
-
Messages postés
33479
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
20 septembre 2021
-
Salut ts le monde,
D'abord, je tiens à remercier bcp ceux qui ont répondu à mon message relatif à la méthode if/else des scripts JavaScript surtout à « codeurh24 » et « REMYMARTIN60 » . Mais je n'ai pas encore reçu la réponse dont j'ai besoin. Pour être franc, le défaut vient de moi car je m'étais mal expliqué et ma question n'était pas bien formulée.
Voilà, j'essaie maintenant de m'expliquer avec plus de clarté. En réalité, je suis un profane dans l'écriture des codes et des scripts Javascript mais je suis arrivé à élaborer quand même ce formulaire (le code source du formulaire se trouve en bas de ce message) qui renferme un tableau html dont les cellules sont des champs de texte. Je me suis aidé par dreamweaver version 4 pour créer ce code.
Vous trouverez dans ce code une fonction qui appelle un message alerte concernant le remplissage du tableau à 2 dimensions : les jours de la semaine et les horaires. Mais ce n'est pas la fonction qui remplit les conditions que je veux. Je n'ai pas su comment écrire une fonction Javascript qui oblige (celui qui envoie le formulaire) à remplir un nombre de champs déterminé (par exemple un nombre de champs compris entre 10 et 22) et exclure en même temps les champs d'une seule journée (ex : lundi ou mardi ou ...). J'ai nommé ces champs : case1, case2, case3, ... case39, case40. Les champs remplis ne doivent pas être forcément l'un à côté de l'autre, et doivent correspondre, par exemple, à des jours distincts. Donc, je mise sur quelqu'un de plus qualifié pour qu'il me crée le script de la fonction JavaScript qui répond à mes attentes. J'attends votre réponse et merci d'avance !
Voici le code complet du formulaire (Vous m'excuserez si le code est long ou mal écrit car je ne suis qu'un débutant) :

<html dir="fr">
<head>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Fiche de renseignements profs</title>
<SCRIPT type=text/javascript>
function verifForm(datateachers) {
if ((document.datateachers.case1.value== "")&&(document.datateachers.case2.value== "")||(document.datateachers.case3.value== "")&&(document.datateachers.case4.value== "")&&(document.datateachers.case5.value== "")&&(document.datateachers.case6.value== "")&&(document.datateachers.case7.value== "")&&(document.datateachers.case8.value== "")&&(document.datateachers.case9.value== "")&&(document.datateachers.case10.value== "")&&(document.datateachers.case11.value== "")&&(document.datateachers.case12.value== "")&&(document.datateachers.case13.value== "")&&(document.datateachers.case14.value== "")&&(document.datateachers.case15.value== "")&&(document.datateachers.case16.value== "")&&(document.datateachers.case17.value== "")&&(document.datateachers.case18.value== "")&&(document.datateachers.case19.value== "")&&(document.datateachers.case20.value== "")&&(document.datateachers.case21.value== "")&&(document.datateachers.case22.value== "")&&(document.datateachers.case23.value== "")&&(document.datateachers.case24.value== "")&&(document.datateachers.case25.value== "")&&(document.datateachers.case26.value== "")&&(document.datateachers.case29.value== "")&&(document.datateachers.case28.value== "")&&(document.datateachers.case30.value== "")&&(document.datateachers.case31.value== "")&&(document.datateachers.case32.value== "")&&(document.datateachers.case33.value== "")&&(document.datateachers.case34.value== "")&&(document.datateachers.case35.value== "")&&(document.datateachers.case36.value== "")&&(document.datateachers.case37.value== "")&&(document.datateachers.case38.value== "")&&(document.datateachers.case39.value== "")&&(document.datateachers.case40.value== ""))
{ alert('Remplissez le tableau avec \n le nombre légal de séances,s.v.p !');}
else 
       {
  datateachers.submit();
  return(true);
  }
}
</SCRIPT>
<style type="text/css">
<!--
#datateacher center table tr td strong {
 color: #F00;
}
#datateachers center table tr td font strong {
 color: #F00;
}
#datateachers center table {
 background-color: white;
}
-->
</style>
</head>
<body>
<form id="datateachers" name="datateachers"  method="post" action = "[http://127.0.0.1:85/treatement.php]"  onSubmit="verifForm()">
<center><table border='1' width='90%'>
<tr><td  colspan='10'>
<font face='Times New Roman' size='4'><b>Service de la formation et de l'inspection</b></font></td></tr>
<tr><td valign='bottom' width='20%'>
<br /><font face='Times New Roman' size='4'><b>C.E.M :</b></font><input type = "text" name = "cem" size="20"  maxlength="30" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt;"><font color= #F00></td></font>
<td  valign='bottom' width='70%'>
<font face='Times New Roman' size='4'><b>Daïra (ou commune) :</b></font><input type = "text" name = "daïra" size="20"  maxlength="30" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt;"><font color= #F00></font></td></tr>
<tr><td  width='20%'><font face='Times New Roman' size='4'><b>N° tél. :</b></font><input type = "text" name = "phonenb" size="20"  maxlength="20" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt;">
</td>
<td  width='70%'><font face='Times New Roman' size='4'><b>Régime : </b></font><INPUT TYPE="checkbox" NAME="choix" VALUE="Externat">Externat  <INPUT TYPE="checkbox" NAME="choix" VALUE="Internat">Internat  <INPUT TYPE="checkbox" NAME="choix" VALUE="D-pensionnat">D-pensionnat  
</td></tr>
<tr><td colspan='100%' width='100%'> </td></tr>
<tr><td colspan='100%' align='center'><table border='1' width='50%'><tr><td align='center'><font face='Times New Roman' size='4'><b>Fiche de renseignement du professeur</b></font></td></tr></table>
<tr><td colspan='100%' width='100%'> </td></tr>
<tr><td colspan='100%' align='center'><font face='Times New Roman' size='4'><b>Matière : Français</b></font></td></tr>
<tr><td colspan='100%' width='100%'> </td></tr>
<br /><tr><td  width='51%'><font face='Times New Roman' size='4'><b>Nom : </b></font><input type = "text" name = "nom" size="30"  maxlength="50" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "><font color= #F00></font>
</td><td  width='51%'>
<font face='Times New Roman' size='4'><b>Prénom : </b></font><input type = "text" name = "prenom" size="20"  maxlength="33" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "><font color= #F00></font>
</td></tr>
<tr><td colspan='100%' ><font face='Times New Roman' size='4'><b>Cadre : </b></font><select name="fonction" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt;"><option value="P.E.M">P.E.M</option><option value="P.C.E.F">P.C.E.F</option></select>
         
         
         
<font face='Times New Roman' size='4'><b>Catégorie : </b></font><INPUT TYPE="radio" NAME="categorie" checked="checked" VALUE="Titulaire">Titulaire     
<INPUT TYPE="radio" NAME="categorie" VALUE="P.R.M">P.R.M     
<INPUT TYPE="radio" NAME="categorie" VALUE="P.Principal">P.Principal     
<INPUT TYPE="radio" NAME="categorie" VALUE="Stagiaire">Stagiaire     
<INPUT TYPE="radio" NAME="categorie" VALUE="Suppléant">Suppléant(e)</td></tr>
<tr><td align= 'left' width='51%'><font face='Times New Roman' size='4'><b>Dernier échelon :</b></font><select name="echelon" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt;"><option value="1">1</option>
       <option value="2">2</option>
       <option value="3">3</option>
       <option value="4">4</option>
       <option value="5">5</option>
       <option value="6">6</option>
       <option value="7">7</option>
       <option value="8">8</option>
       <option value="9">9</option>
       <option value="10">10</option>
       <option value="11">11</option>
       <option value="12">12</option></select>
      </td>
<td align='left' width='51%'>
        <font face='Times New Roman' size='4'><b>Dernière note pédagogique : </b></font><input type = "text" name = "note" size="10" dir="fr" maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; float:center"><font color= #F00></font>
      </td></td></tr>
<tr><td  width='51%'><font face='Times New Roman' size='4'><b>Diplômes :</b></font><input type = "text" name = "diplome" size="25"  maxlength="50" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "><font color= #F00></font>
</td><td  width='51%'>
<font face='Times New Roman' size='4'><b>Spécialité : </b></font><input type = "text" name = "specialite" size="20"  maxlength="25" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "><font color= #F00></font>
</td></tr>
<tr><td  width='51%'>
<font face='Times New Roman' size='4'><b>Date d'effet du dernier échelon : </b></font><input type = "text" name = "effet" size="10"  maxlength="25" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "><font color= #F00></font>
</td><td colspan='100%'  width='51%'><font face='Times New Roman' size='4'><b>Date de la dernière inspection :</b></font><input type = "text" name = "inspection" size="15"  maxlength="40" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "><font color= #F00></font>
</td></tr>
<tr><td colspan='100%'  width='60%'><font face='Times New Roman' size='4'><b>Emploi du temps :</b></font></td></tr>
<TR><TD colspan='100%' align= 'center'><table border='1'  width='100%'><tr> <td></td><td align='center'><b>8h - 9h</b></td><td align='center'><b>9h - 10h</b></td><td align='center'><b>10h - 11h</b></td><td align='center'><b>11h - 12h</b></td><td align='center'><b>13h - 14h</b></td><td align='center'><b>14h - 15h</b></td><td align='center'><b>15h - 16h</b></td><td align='center'><b>16h - 17h</b></td></tr>
<tr><td ><font face='Times New Roman' size='4'><b>Dimanche</b></font></td>
<td align= 'center'><input type = "text" name = "case1" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case2" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case3" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case4" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case5" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case6" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case7" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td><td align= 'center'><input type = "text" name = "case8" size="8"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td></tr>
<tr><td ><font face='Times New Roman' size='4'><b>Lundi</b></font></td>
<td align= 'center'><input type = "text" name = "case9" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case10" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case11" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case12" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case13" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case14" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case15" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "><td align= 'center'><input type = "text" name = "case16" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td></tr>
<tr><td ><font face='Times New Roman' size='4'><b>Mardi</b></font></td>
<td align= 'center'><input type = "text" name = "case17" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case18" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case19" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case20" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case21" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case22" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case23" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "><td align= 'center'><input type = "text" name = "case24" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td></tr>
<tr><td ><font face='Times New Roman' size='4'><b>Mercredi</b></font></td>
<td align= 'center'><input type = "text" name = "case25" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case26" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case27" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case28" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case29" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case30" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case31" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "><td align= 'center'><input type = "text" name = "case32" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td></tr>
<tr><td ><font face='Times New Roman' size='4'><b>Jeudi</b></font></td>
<td align= 'center'><input type = "text" name = "case33" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case34" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case35" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case36" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case37" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case38" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align= 'center'><input type = "text" name = "case39" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "><td align= 'center'><input type = "text" name = "case40" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td></tr>
</table></TD></TR>
<tr><td  width='51%'><font face='Times New Roman' size='4'><b>Volume horaire :</b></font><input type = "text" name = "vhoraire" size="10"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "></td>
<td  width='51%'><font face='Times New Roman' size='4'><b>Heures supplémentaires :</b></font><input type = "text" name = "hsupp" size="10"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "></td></tr>
<tr><td colspan='100%'  width='60%'><font face='Times New Roman' size='4'><b>Classes sous charge :</b></font></td></tr>
<tr><td colspan='100%' align= 'center'><table border='0'  width='60%'></td></tr>
<tr><td align='center'><input type = "text" name = "classe1" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align='center'><input type = "text" name = "classe2" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align='center'><input type = "text" name = "classe3" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align='center'><input type = "text" name = "classe4" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align='center'><input type = "text" name = "classe5" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td></tr></table>
<tr> <td  colspan='100%'><font face='Times New Roman' size='4'><b>Observations du Directeur du C.E.M  :</b></font></td></tr>
<tr><td align='center' colspan='90%'><textarea name="observations" cols="90" rows="3" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "></textarea></td></tr>
<tr><td colspan='100%' >Courriel du C.E.M : <input name="expediteur" size="30"  maxlength="25" type="text" /></td></tr>  
<tr><td align="center" width='50%'><INPUT TYPE="button" onClick="verifForm(this.form)" VALUE="Envoyer" style="font-size: 14pt;"></td><td align="center" width='50%'><INPUT TYPE="reset"  VALUE="Effacer" style="font-size: 14pt;"></td> 
</tr>
</table></center></form>
<noscript>
<p>Cette page renferme des fonctionnalités accessibles en activant Javascript dans le navigateur.</p>
</noscript>
</body>
</html>



EDIT : Ajout des balises de code...
Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

3 réponses

Messages postés
33479
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
20 septembre 2021
3 720
Bonjour,

Je vais te paraitre un tantinet tatillon... mais une question écrite en bloque comme ça.. c'est illisible...
Il faut que tu donnes envie aux gens de la lire.. pour cela.. des retours à la ligne (et quelques sauts de lignes..)seraient les bienvenus...

Il serait intéressant également de ne marquer "que" ce qui concerne réellement ton besoin (ta question).. tout le reste est ( à mon sens) superflu...(en gros.. hormis le "salut." .. les 9 lignes suivantes...)

Et concernant ton besoin à proprement parlé.... il faudrait que tu donnes en détail ce que tu cherches à obtenir... ( en découpant en "fonctionnalités" par exemple ... du genre :
- Récupérer le nombre de d' INPUT remplis
- Si ce nombre est inférieur à ?? .. alors... faire....
- ..etc...



Messages postés
4
Date d'inscription
vendredi 13 février 2015
Statut
Membre
Dernière intervention
25 février 2015

Merci bcp à Jordane45,
Mon prblme est avec les fonctions JavaScript. J'ai crééé, dans un formulaire, un tableau html dont les cellules sont des champs de type text. Je veux trouver une fonction qui me permet de vérifier si un nombre bien déterminé de champs a été saisi (c-à-d rempli).
J'ai trouvé des difficultés à utiliser une variable qui regroupe tous les champs nommés de « case1, case2, ...jusqu'à case40. Les champs (input dans <td>) sont nommés « case1, case2, ... jusqu'à case40. J'ai pensé que l'emploi de la methode if/else repond à ce besoin
Puisque je dois poser des conditions pour que le formulaire soit envoyé. Si un nbre de champs compris entre 10 et 22 n'a pas été rempli, la fonction retourne false. Et le formulaire ne sera pas envoyé. La fonction doit avertir celui qui rempli le tableau par un message alert.
Si les conditions sont remplies, la fonction retourne true
Le script de la fonction suivante ne permet pas de repondre aux conditions précitées.
J'ai essayé le script de la fonction suivante :
function verifForm(datateachers) {
if ((document.datateachers.case1.value== "")&&(document.datateachers.case2.value== "")||(document.datateachers.case3.value== "")&&(document.datateachers.case4.value== "")&&(document.datateachers.case5.value== "")&&(document.datateachers.case6.value== "")&&(document.datateachers.case7.value== "")&&(document.datateachers.case8.value== "")&&(document.datateachers.case9.value== "")&&(document.datateachers.case10.value== "")&&(document.datateachers.case11.value== "")&&(document.datateachers.case12.value== "")&&(document.datateachers.case13.value== "")&&(document.datateachers.case14.value== "")&&(document.datateachers.case15.value== "")&&(document.datateachers.case16.value== "")&&(document.datateachers.case17.value== "")&&(document.datateachers.case18.value== "")&&(document.datateachers.case19.value== "")&&(document.datateachers.case20.value== "")&&(document.datateachers.case21.value== "")&&(document.datateachers.case22.value== "")&&(document.datateachers.case23.value== "")&&(document.datateachers.case24.value== "")&&(document.datateachers.case25.value== "")&&(document.datateachers.case26.value== "")&&(document.datateachers.case29.value== "")&&(document.datateachers.case28.value== "")&&(document.datateachers.case30.value== "")&&(document.datateachers.case31.value== "")&&(document.datateachers.case32.value== "")&&(document.datateachers.case33.value== "")&&(document.datateachers.case34.value== "")&&(document.datateachers.case35.value== "")&&(document.datateachers.case36.value== "")&&(document.datateachers.case37.value== "")&&(document.datateachers.case38.value== "")&&(document.datateachers.case39.value== "")&&(document.datateachers.case40.value== ""))
{ alert('Remplissez le tableau avec \n le nombre légal de séances,s.v.p !');}
else 
       {
  datateachers.submit();
  return(true);
  }
}


N.B : les séances sont les textes à remplir dans les champs.
J'espère que j'étais clair maintenant et merci encore à Jordane45 et à vous tous !


EDIT : Ajout des balises de code
Messages postés
33479
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
20 septembre 2021
3 720
Si un nbre de champs compris entre 10 et 22 n'a pas été rempli, la fonction retourne false.

Ok c'est faisable ... plus avec une boucle qu'avec un IF / Else à rallonge...

Par contre.. avant de te proposer quelque chose... puis-je utiliser Jquery ou faut t'il que ça soit uniquement en "pur" javascript (ce qui complique un petit peu la chose....) ?


Messages postés
4
Date d'inscription
vendredi 13 février 2015
Statut
Membre
Dernière intervention
25 février 2015

Bien sûr, tu peux utiliser Jquery ! Ou tout truc que tu trouves adéquat pour résoudre ce ptit problème !
Merci infiniment Jordane45!
Cordialement,
OULDKHESSAL
Messages postés
33479
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
20 septembre 2021
3 720
Bonjour,

Voici...
(ne pas oublier de récupérer Jquery.js (téléchargeable ici : http://code.jquery.com/jquery-1.11.2.js ) et de le mettre dans le même répertoire que ta page )
<html dir="fr">
<head>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Fiche de renseignements profs</title>

<!-- JQUERY -->
<script src="jquery-1.11.2.js"></script>


<style type="text/css">
.cases{
  font-family: Times New Roman;
  color: #0000FF; 
  font-size: 12pt;
}
<!--
#datateacher center table tr td strong {
 color: #F00;
}
#datateachers center table tr td font strong {
 color: #F00;
}
#datateachers center table {
 background-color: white;
}
-->
</style>
</head>
<body>
<form id="datateachers" name="datateachers"  method="post" action = "[http://127.0.0.1:85/treatement.php]"  onSubmit="verifForm()">
<center><table border='1' width='90%'>
<tr><td  colspan='10'>
<font face='Times New Roman' size='4'><b>Service de la formation et de l'inspection</b></font></td></tr>
<tr><td valign='bottom' width='20%'>
<br /><font face='Times New Roman' size='4'><b>C.E.M :</b></font><input type = "text" name = "cem" size="20"  maxlength="30" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt;"><font color= #F00></td></font>
<td  valign='bottom' width='70%'>
<font face='Times New Roman' size='4'><b>Daïra (ou commune) :</b></font><input type = "text" name = "daïra" size="20"  maxlength="30" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt;"><font color= #F00></font></td></tr>
<tr><td  width='20%'><font face='Times New Roman' size='4'><b>N° tél. :</b></font><input type = "text" name = "phonenb" size="20"  maxlength="20" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt;">
</td>
<td  width='70%'><font face='Times New Roman' size='4'><b>Régime : </b></font><INPUT TYPE="checkbox" NAME="choix" VALUE="Externat">Externat  <INPUT TYPE="checkbox" NAME="choix" VALUE="Internat">Internat  <INPUT TYPE="checkbox" NAME="choix" VALUE="D-pensionnat">D-pensionnat  
</td></tr>
<tr><td colspan='100%' width='100%'> </td></tr>
<tr><td colspan='100%' align='center'><table border='1' width='50%'><tr><td align='center'><font face='Times New Roman' size='4'><b>Fiche de renseignement du professeur</b></font></td></tr></table>
<tr><td colspan='100%' width='100%'> </td></tr>
<tr><td colspan='100%' align='center'><font face='Times New Roman' size='4'><b>Matière : Français</b></font></td></tr>
<tr><td colspan='100%' width='100%'> </td></tr>
<br /><tr><td  width='51%'><font face='Times New Roman' size='4'><b>Nom : </b></font><input type = "text" name = "nom" size="30"  maxlength="50" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "><font color= #F00></font>
</td><td  width='51%'>
<font face='Times New Roman' size='4'><b>Prénom : </b></font><input type = "text" name = "prenom" size="20"  maxlength="33" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "><font color= #F00></font>
</td></tr>
<tr><td colspan='100%' ><font face='Times New Roman' size='4'><b>Cadre : </b></font><select name="fonction" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt;"><option value="P.E.M">P.E.M</option><option value="P.C.E.F">P.C.E.F</option></select>
         
         
         
<font face='Times New Roman' size='4'><b>Catégorie : </b></font><INPUT TYPE="radio" NAME="categorie" checked="checked" VALUE="Titulaire">Titulaire     
<INPUT TYPE="radio" NAME="categorie" VALUE="P.R.M">P.R.M     
<INPUT TYPE="radio" NAME="categorie" VALUE="P.Principal">P.Principal     
<INPUT TYPE="radio" NAME="categorie" VALUE="Stagiaire">Stagiaire     
<INPUT TYPE="radio" NAME="categorie" VALUE="Suppléant">Suppléant(e)</td></tr>
<tr><td align= 'left' width='51%'><font face='Times New Roman' size='4'><b>Dernier échelon :</b></font><select name="echelon" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt;"><option value="1">1</option>
       <option value="2">2</option>
       <option value="3">3</option>
       <option value="4">4</option>
       <option value="5">5</option>
       <option value="6">6</option>
       <option value="7">7</option>
       <option value="8">8</option>
       <option value="9">9</option>
       <option value="10">10</option>
       <option value="11">11</option>
       <option value="12">12</option></select>
      </td>
<td align='left' width='51%'>
        <font face='Times New Roman' size='4'><b>Dernière note pédagogique : </b></font><input type = "text" name = "note" size="10" dir="fr" maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; float:center"><font color= #F00></font>
      </td></td></tr>
<tr><td  width='51%'><font face='Times New Roman' size='4'><b>Diplômes :</b></font><input type = "text" name = "diplome" size="25"  maxlength="50" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "><font color= #F00></font>
</td><td  width='51%'>
<font face='Times New Roman' size='4'><b>Spécialité : </b></font><input type = "text" name = "specialite" size="20"  maxlength="25" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "><font color= #F00></font>
</td></tr>
<tr><td  width='51%'>
<font face='Times New Roman' size='4'><b>Date d'effet du dernier échelon : </b></font><input type = "text" name = "effet" size="10"  maxlength="25" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "><font color= #F00></font>
</td><td colspan='100%'  width='51%'><font face='Times New Roman' size='4'><b>Date de la dernière inspection :</b></font><input type = "text" name = "inspection" size="15"  maxlength="40" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "><font color= #F00></font>
</td></tr>
<tr><td colspan='100%'  width='60%'><font face='Times New Roman' size='4'><b>Emploi du temps :</b></font></td></tr>
<TR><TD colspan='100%' align= 'center'><table border='1'  width='100%'><tr> <td></td><td align='center'><b>8h - 9h</b></td><td align='center'><b>9h - 10h</b></td><td align='center'><b>10h - 11h</b></td><td align='center'><b>11h - 12h</b></td><td align='center'><b>13h - 14h</b></td><td align='center'><b>14h - 15h</b></td><td align='center'><b>15h - 16h</b></td><td align='center'><b>16h - 17h</b></td></tr>
<tr><td ><font face='Times New Roman' size='4'><b>Dimanche</b></font></td><td align= 'center'><input type = "text" name = "case1" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case2" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case3" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case4" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case5" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case6" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case7" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case8" size="8"  maxlength="10" class = "cases"></td></tr>
<tr><td ><font face='Times New Roman' size='4'><b>Lundi</b></font></td>
<td align= 'center'><input type = "text" name = "case9" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case10" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case11" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case12" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case13" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case14" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case15" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case16" size="7"  maxlength="10" class = "cases"></td>
</tr>
<tr><td ><font face='Times New Roman' size='4'><b>Mardi</b></font></td>
<td align= 'center'><input type = "text" name = "case17" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case18" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case19" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case20" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case21" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case22" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case23" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case24" size="7"  maxlength="10" class = "cases"></td>
</tr>
<tr><td ><font face='Times New Roman' size='4'><b>Mercredi</b></font></td>
<td align= 'center'><input type = "text" name = "case25" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case26" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case27" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case28" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case29" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case30" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case31" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case32" size="7"  maxlength="10" class = "cases"></td>
</tr>
<tr><td ><font face='Times New Roman' size='4'><b>Jeudi</b></font></td>
<td align= 'center'><input type = "text" name = "case33" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case34" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case35" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case36" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case37" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case38" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case39" size="7"  maxlength="10" class = "cases"></td>
<td align= 'center'><input type = "text" name = "case40" size="7"  maxlength="10" class = "cases"></td>
</tr>
</table>
</TD></TR>
<tr><td  width='51%'><font face='Times New Roman' size='4'><b>Volume horaire :</b></font><input type = "text" name = "vhoraire" size="10"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "></td>
<td  width='51%'><font face='Times New Roman' size='4'><b>Heures supplémentaires :</b></font><input type = "text" name = "hsupp" size="10"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "></td></tr>
<tr><td colspan='100%'  width='60%'><font face='Times New Roman' size='4'><b>Classes sous charge :</b></font></td></tr>
<tr><td colspan='100%' align= 'center'><table border='0'  width='60%'></td></tr>
<tr><td align='center'><input type = "text" name = "classe1" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align='center'><input type = "text" name = "classe2" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align='center'><input type = "text" name = "classe3" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align='center'><input type = "text" name = "classe4" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td>
<td align='center'><input type = "text" name = "classe5" size="7"  maxlength="10" style="font-family: Times New Roman; color: #0000FF; font-size: 12pt; "></td></tr></table>
<tr> <td  colspan='100%'><font face='Times New Roman' size='4'><b>Observations du Directeur du C.E.M  :</b></font></td></tr>
<tr><td align='center' colspan='90%'><textarea name="observations" cols="90" rows="3" style="font-family: Times New Roman; color: #0000FF; font-size: 14pt; "></textarea></td></tr>
<tr><td colspan='100%' >Courriel du C.E.M : <input name="expediteur" size="30"  maxlength="25" type="text" /></td></tr>  
<tr><td align="center" width='50%'><INPUT TYPE="button" onClick="verifForm()" VALUE="Envoyer" style="font-size: 14pt;"></td><td align="center" width='50%'><INPUT TYPE="reset"  VALUE="Effacer" style="font-size: 14pt;"></td> 
</tr>
</table></center></form>
<noscript>
<p>Cette page renferme des fonctionnalités accessibles en activant Javascript dans le navigateur.</p>
</noscript>
</body>
</html>

<SCRIPT type="text/javascript">
function verifForm() {
var nbvide = 0;
var nbremp = 0;
$(".cases").each(function(index,elm){
 //console.log(index + " -- " + elm.value);
 if(elm.value ==""){
   nbvide++;
 }else{
  nbremp++;
 }
 
});
 
 if(nbremp>=10 && nbremp<=22){
  alert("La saisie est valilde.... vous avez saisi :"+nbremp+" cases.");
 }else{
  alert( "Il y a " + nbvide +" cases vides !");
 }
}
</SCRIPT>

Messages postés
4
Date d'inscription
vendredi 13 février 2015
Statut
Membre
Dernière intervention
25 février 2015

T'es vraiment un génie ! c formidable ! ça a marché !
J'te remercie bcp...bcp...bcp... ami Jordane !
Bien amicalement,
OULDKHESSAL.
Messages postés
33479
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
20 septembre 2021
3 720 >
Messages postés
4
Date d'inscription
vendredi 13 février 2015
Statut
Membre
Dernière intervention
25 février 2015

Un génie... peut être pas.. (sûrement pas d'ailleurs ^^ ) .. mais merci du compliment... ;-)

Si tu as des questions sur le fonctionnement de mon code.. n'hésites pas à venir demander.
Mais dans le principe.. comme tu peux le voir.. j'ai mis une class "cases" aux input que tu souhaites vérifier.
(cette class..m'a permis également d'en gérer leur CSS ... plutôt que de copier/coller 40 fois les mêmes "styles"...)
Dans le script javasceript.. je fais une boucle sur TOUS les éléments ayant la class "cases" et regarde leur contenu ... et incrémente une variable en fonction...
voilou...



PS:
Si la question est résolue..
Merci de ne pas oublier de clôturer le sujet
(en cliquant sur le lien "Marquer comme résolu" qui se trouve sous le titre de la question)

Cordialement,
Jordane