Email validations in JavaScript, JavaScript Email validations with Example

<html>
	<head>
    	<title>Javascript Email validations</title>
    </head>
    <body>
	
		<style type="text/css">
			.lable{ 
				font-family:Arial, Helvetica, sans-serif; 
				font-size:13px; 
				font-style:italic; 
				margin:5px 0px; 
				font-weight:bold; 
				clear:both;
			}
			.cus_form{ 
				height:30px; 
				padding:0px 1px; 
				margin:2px 0px 10px;
			} 
			.cus_btn{
				padding:7px 15px; 
				border-radius:2px; 
				background:#09C; 
				color:#FFF; 
				margin-left:10px;
			}
			.cus_btn:hover{ background:#069;}
		</style>
		 
		<script type="text/javascript">
			function validateForm()
			{
			var x=document.forms["myForm"]["email"].value;
			var atpos=x.indexOf("@");
			var dotpos=x.lastIndexOf(".");
			if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
			  {
			  alert("Not a valid e-mail address");
			  return false;
			  }
			}
		</script>
		 
		<form name="myForm" action="" onSubmit="return validateForm();" method="post">
			<label class="lable">Email :</label> 
			<input type="text" name="email" class="cus_form" required>
			<input type="submit" class="cus_btn" value="Submit">
		</form>
        
    </body>
</html>

Output :

Topic : Email validations