Javascript

Résolu
splims Messages postés 29 Date d'inscription   Statut Membre Dernière intervention   -  
splims Messages postés 29 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
je dois développer une fonction javascript pour la validation d'un formulaire et je sais que javascript fait ce genre de tache mais comme je n'ai jamais développé en javascript je sais pas par quoi commencer

mon formulaire et comme suit:

j'ai groupe de formulaire du genre

Mesure i en titre
avec i allant de 1 à 5 par exemple
et pour chaque Mesure j'ai un nombre de champs

Date1
Date2
Lieu de la mesure
Responsable de la mesure

la tache de la fonction c'est q'une fois un champ d'une mesure i est rempli les autres champs doivent obligatoirement être remplis
Autrement dit

si je valide mon formulaire tous les champs des mesures sont vides, la validation est admise
mais une fois pour une mesure donnée un champ a été rempli la validation ne s'effectue pas tant que tous les autres champs de cette mesure ne sont pas remplis

Merci d'avance

2 réponses

nEm3sis Messages postés 710 Date d'inscription   Statut Membre Dernière intervention   113
 
pourrais tu donner le code html du formulaire plz ?
0
splims Messages postés 29 Date d'inscription   Statut Membre Dernière intervention   10
 
Voilà mon formulaire d'essai

<form name="formulaire">
<B> Mesure 1</b><br>
<table>
<tr>
<td>Date1:</td>
<td><input type="text" name="date11" value="" maxlength="20" size="30"></td>
</tr>
<tr>
<td>Date2:</td>
<td><input type="text" name="date12" maxlength="30" value="" size="30"></td>
</tr>
<tr>
<td>Lieu de mesure:
<td><input type="text" name="lieu1" maxlength="20" value="" size="30"></td>
</tr>
<tr>
<td>Responsable de mesure:
<td><input type="text" name="resp1" maxlength="20" value="" size="30"></td>
</tr>
</table><br>
<B> Mesure 2</b><br>
<table>
<tr>
<td>Date1:</td>
<td><input type="text" name="date21" value="" maxlength="20" size="30"></td>
</tr>
<tr>
<td>Date2:</td>
<td><input type="text" name="date22" maxlength="30" value="" size="30"></td>
</tr>
<tr>
<td>Lieu de mesure:
<td><input type="text" name="lieu2" maxlength="20" value="" size="30"></td>
</tr>
<tr>
<td>Responsable de mesure:
<td><input type="text" name="resp2" maxlength="20" value="" size="30"></td>
</tr>
</table><br>
<B> Mesure 3</b><br>
<table>
<tr>
<td>Date1:</td>
<td><input type="text" name="date31" value="" maxlength="20" size="30"></td>
</tr>
<tr>
<td>Date2:</td>
<td><input type="text" name="date32" maxlength="30" value="" size="30"></td>
</tr>
<tr>
<td>Lieu de mesure:
<td><input type="text" name="lieu3" maxlength="20" value="" size="30"></td>
</tr>
<tr>
<td>Responsable de mesure:
<td><input type="text" name="resp3" maxlength="20" value="" size="30"></td>
</tr>
</table><br>
<B> Mesure 4</b><br>
<table>
<tr>
<td>Date1:</td>
<td><input type="text" name="date41" value="" maxlength="20" size="30"></td>
</tr>
<tr>
<td>Date2:</td>
<td><input type="text" name="date42" maxlength="30" value="" size="30"></td>
</tr>
<tr>
<td>Lieu de mesure:
<td><input type="text" name="lieu4" maxlength="20" value="" size="30"></td>
</tr>
<tr>
<td>Responsable de mesure:
<td><input type="text" name="resp4" maxlength="20" value="" size="30"></td>
</tr>
</table><br>
<B> Mesure 5</b><br>
<table>
<tr>
<td>Date1:</td>
<td><input type="text" name="date51" value="" maxlength="20" size="30"></td>
</tr>
<tr>
<td>Date2:</td>
<td><input type="text" name="date52" maxlength="30" value="" size="30"></td>
</tr>
<tr>
<td>Lieu de mesure:
<td><input type="text" name="lieu5" maxlength="20" value="" size="30"></td>
</tr>
<tr>
<td>Responsable de mesure:
<td><input type="text" name="resp5" maxlength="20" value="" size="30"></td>
</tr>
</table>
</form>
0