JavaScript code to validate an IP address given by user.

Write a JavaScript code to validate an IP address given by user.

Solution


<!DOCTYPE HTML>
<html>
	<head>
		<title>IP Address Validation</title>
		<style type="text/css">
			.result_spn
			{
				color:#00ff00;
				font-size:20px;
			}
			.error_spn
			{
				color:#ff0000;
				font-style:italic;
			}
		</style>
		<script language="javascript">
			function validate_ip()
			{
				var chkdate = document.getElementById("ip_txt").value;
				document.getElementById("error").innerHTML="";
				document.getElementById("result").innerHTML="";
				if(document.getElementById("ip_txt").value == "")
				{
					document.getElementById("error").innerHTML="Please enter the IP Address";
					document.getElementById("ip_txt").focus();
				}
				else if(!chkdate.match(/^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/))
				{
					document.getElementById("error").innerHTML="IP Address format is wrong";
					document.getElementById("ip_txt").focus();
				}
				else
				{
					document.getElementById("result").innerHTML="This is Valid IP Address";
				}
			}
		</script>
	</head>
	<body>	
		<form name="frm" id="frm">	
			<div>
				<label for="dob">Enter the IP Address</label>
				<input type="text" name="ip_txt" id="ip_txt"/>
				<span id="error" class="error_spn">*</span>
			</div>
			<div>
				<input type="button" name="check_btn" id="check_btn" value="validate" onclick="validate_ip()"/>
			</div>
			<div>
				<span id="result" class="result_spn"></span>
			</div>
		</form>
	</body>
</html>

Output

Programming Examples

JavaScript code to validate an IP address given by user.