Test champ adresse IP

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

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.

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 ...

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

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:

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:

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>

une chtite reExp:

Code:

^(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])$