Comment valider une IPv4 avec un pattern HTML ?

Réponses rédigées par Antoine
Dernière mise à jour : 2022-06-16 15:12:52
Thèmes : adresse-ip - pattern - input - regex - html
Question

Comment faire pour valider une IPv4 avec un pattern regex dans un input HTML ?

Réponse

Pour valider une adresse IPv4 avec un pattern, dans un input HTML, vous pouvez utiliser en effet expression régulière.

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

La REGEX ci-dessus regroupe plusieurs jetons et crée un groupe de capture pour extraire des sous chaines correspondant aux segments de l'adresse IP.

  • \d correspond à n'importe quel caractère numérique entre 0 et 9.
  • ^ correspond au début de la chaîne.
  • | agit comme un OU booléen.
  • $ correspond à la fin de la chaîne.

Voici comment utiliser cette expression régulière avec un pattern HTML dans une balise <input> :

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Comment valider une IPv4 avec un pattern HTML ?</title>
</head>  
<body>
<form>
<input type="text" pattern="((^|\.)((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))){4}$" value="" placeholder="Adresse IPv4" required>
<input type="submit" value="Tester">
</form>
</body>
</html>