Test champ adresse IP

**Jumano** · 21/10/2007, 11h13

Bonjour,
J'aurais besoin d'une petite aide pour faire un test sur un champ de formulaire où l'on indique une adresse IP.
Le test doit se faire au submit du formulaire, j'ai bien pensé à empêcher la saisie de caractère autres que des chiffres et le "."
J'ai effectué des recherches sur le net mais rien de concluant
Si quelqu'un avait une idée, un lien vers un site, ou un tuto.
Merci par avance

**dubitoph** · 21/10/2007, 11h27

Bonjour,

Le split de ta valeur avec comme séparateur le point doit te donner 4 résultats et chaque résultat doit être compris entre 0 et 255. Ceci, évidemment, en plus de ta réflexion de départ.

**lebreton22** · 21/10/2007, 11h34

Bonjour
Il te faut faire une recherche sur les expressions reégulières en javascript, c'est à dire vérifier que ton adresse correspond bien à un format donné, par exemple 2 chiffres un point 3 chiffres un point ...

**Jumano** · 21/10/2007, 11h39

Ok je vais essayé de trouver mais ce n'est pas simple quand on débute

**Jumano** · 21/10/2007, 18h52

Bon j'ai trouvé une altervnative, en faisant quatre champ où on ne peu mettre que des chiffres, avec un test sur le submit pour savoir dans un premier temps si les champs ne sont pas vides.
Dans un second temps un test pour savoir si le nombre indiqué se trouve bien compris entre 1 et 255.
Mon petit soucis, comment éviter que le premier chiffre de cahque champ ne soit pas un 0.
Voici mon code (peut être un peu long, mais bon il fonctionne ....)

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 
<script language="javascript" type="text/javascript">
function TestIP()
{
  if(document.form.TB1.value == "")
  { 
        alert ('Veuillez remplir toutes les cases !'); 
  document.form.TB1.focus();
        return false; 
     }
 
  if(document.form.TB2.value == "")
  { 
        alert ('Veuillez remplir toutes les cases !'); 
  document.form.TB2.focus();
        return false; 
     }
 
  if(document.form.TB3.value == "")
  { 
        alert ('Veuillez remplir toutes les cases !'); 
  document.form.TB3.focus();
        return false; 
     }
 
  if(document.form.TB4.value == "")
  { 
        alert ('Veuillez remplir toutes les cases !'); 
  document.form.TB4.focus();
        return false; 
     }
 
  if(document.form.TB1.value == 0)
  { 
        alert ('Le premier chiffre doit être compris entre 1 et 255 !'); 
  document.form.TB1.focus();
        return false; 
     }
  if(document.form.TB1.value > 256)
  { 
        alert ('Le premier chiffre doit être compris entre 1 et 255 !'); 
  document.form.TB1.focus();
        return false; 
     }
 
  if(document.form.TB2.value == 0)
  { 
        alert ('Le premier chiffre doit être compris entre 1 et 255 !'); 
  document.form.TB2.focus();
        return false; 
     }
  if(document.form.TB2.value > 256)
  { 
        alert ('Le premier chiffre doit être compris entre 1 et 255 !'); 
  document.form.TB2.focus();
        return false; 
     }
 
  if(document.form.TB3.value == 0)
  { 
        alert ('Le premier chiffre doit être compris entre 1 et 255 !'); 
  document.form.TB3.focus();
        return false; 
     }
  if(document.form.TB3.value > 256)
  { 
        alert ('Le premier chiffre doit être compris entre 1 et 255 !'); 
  document.form.TB3.focus();
        return false; 
     }
 
  if(document.form.TB4.value == 0)
  { 
        alert ('Le premier chiffre doit être compris entre 1 et 255 !'); 
  document.form.TB4.focus();
        return false; 
     }
  if(document.form.TB4.value > 256)
  { 
        alert ('Le premier chiffre doit être compris entre 1 et 255 !'); 
  document.form.TB4.focus();
        return false; 
     }
}
</script>

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
 
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form" name="form" method="post" action="" onsubmit="return TestIP();">
<input type="text" class="boiteFormulaire" name="TB1" tabindex="1"  size="3" maxlength="3" length="3" onkeypress="if(event.keyCode &lt; 48 || event.keyCode &gt; 57) event.returnValue = false; if(event.which &lt; 48 || event.which &gt; 57) return false;" style="text-align:center"/>
<span class="texteGrand"><strong>.</strong></span>
<input type="text" class="boiteFormulaire" name="TB2" tabindex="2"  size="3" maxlength="3" length="3" onkeypress="if(event.keyCode &lt; 48 || event.keyCode &gt; 57) event.returnValue = false; if(event.which &lt; 48 || event.which &gt; 57) return false;" style="text-align:center"/>
<span class="texteGrand"><strong>.</strong></span>
<input type="text" class="boiteFormulaire" name="TB3" tabindex="3"  size="3" maxlength="3" length="3" onkeypress="if(event.keyCode &lt; 48 || event.keyCode &gt; 57) event.returnValue = false; if(event.which &lt; 48 || event.which &gt; 57) return false;" style="text-align:center"/>
<span class="texteGrand"><strong>.</strong></span>
<input type="text" class="boiteFormulaire" name="TB4" tabindex="4"  size="3" maxlength="3" length="3" onkeypress="if(event.keyCode &lt; 48 || event.keyCode &gt; 57) event.returnValue = false; if(event.which &lt; 48 || event.which &gt; 57) return false;" style="text-align:center"/>
 
<input type="submit" name="button" id="button" value="Envoyer" />
</form>
</body>

**SpaceFrog** · 22/10/2007, 09h02

une chtite reExp:

Code :

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

^(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])$

Test champ adresse IP

JavaScript

Vue hybride

Discussions similaires

Partager

Partager