Vérification champs vides

**c4ever** · 31/12/2012, 03h44

Bonjour,
J'ai commencé à apprendre le JS, j'ai lu quelques pdf et je me suis lancé sur mon éditeur.
Voici d'abord mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>exo4</title>
</head>
<body>
  <form action="#" onsubmit="return checkEmpty();">
    <input type="text" id="idn" /><span id="ern"></span><br />
    <input type="text" id="idp" /><span id="erp"></span><br />
    <input type="submit" />
  </form>
  <script type="text/javascript">
      function checkEmpty(){
        var a = document.getElementById("idn").value;
        var b = document.getElementById("idp").value;
        var msg1 = "";
        var msg2 = "";
        if (!a) {
          msg1 = "champ vide";
        }
        if (!b) {
          msg2 = "champ vide";
        }
        document.getElementById("ern").innerHTML = msg1;
        document.getElementById("erp").innerHTML = msg2;
        return a && b;
      }
  </script>
</body>
</html>

Je laisse les deux champs vides pour tester, les deux messages s'affichent en un clin d'oeil et disparaissent, si je veux les voir affichés il faut que je re-clique une deuxième fois.
La question est : Pourquoi faut il que je clique 2 fois?

**c4ever** · 31/12/2012, 05h06

En fait j'ai compris mon erreur, ma fonction retourne un booléen, alors que mes deux variables ne le sont pas.
Après correction mon code marche correctement:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>exo4</title>
 
</head>
<body>
  <form action="#" onsubmit="return checkFields();">
    nom:<input type="text" id="idn" /><span id="ern"></span><br />
    prenom:<input type="text" id="idp" /><span id="erp"></span><br />
    <input type="submit" />
  </form>
  <script>
      function checkFields(){
        var a = document.getElementById("idn").value != "";
        var b = document.getElementById("idp").value != "";
        var msg1 = "", msg2 = "";
        if(!a) {
          msg1 = "Votre nom SVP";
        }
        if(!b) {
          msg2 = "Votre prenom SVP";
        }
        document.getElementById("ern").innerHTML = msg1;
        document.getElementById("erp").innerHTML = msg2;
        return a && b;
      }
  </script>
</body>
</html>

Vérification champs vides

JavaScript

Vue hybride

Discussions similaires

Partager

Partager