Contrôler les valeurs d'un formulaire php avant validation
Je voudrais contrôler les valeurs d'un formulaire avant de le soumettre au traitement par code php, plus exactement vérifier que les champs saisis ne sont pas vides. Si je fais cela avec des champs input distincts, j'y parviens mais je dois le faire avec un tableau de dimension indéfinie (de 2 à 4 éléments). Je traite, en html, ces éléments comme f[]. Ce genre de tableau passe en POST par exemple. Mais pour vérifier les éléments en javascript, je n'y arrive pas. Dans le meilleur des cas, le contrôle se fait sur le premier champ f[] mais pas sur le deuxième. Quelqu'un aurait-il un conseil pour me débloquer..
voici le code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
| <!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
</head>
<body>
<h1>Contact</h1>
<?php
echo "<form method='post' action='record.php'>";
echo "<input type='text' id='f[]' name='f[]'>";
echo "<input type='text' id='f[]' name='f[]'>";
echo "<input type='submit'>";
echo "</form>";
?>
<script>
document.forms[0].addEventListener("submit", function(evenement) {
if (document.getElementById("f[]").value == "") {
evenement.preventDefault();
alert("Champ 1 Tapez une valeur numérique...");
document.getElementById("email").focus();
} else if (document.getElementById("f[1]").value == "") {
evenement.preventDefault();
alert("Champ 2 Tapez une valeur numérique .");
document.getElementById("message").focus();
}
});
</script>
</body> |
