Home JavaScript Javascript Email Validation

JavaScript

Javascript Email Validation

tutorial and example

JavaScript Email validation

We can validate the email with the help of JavaScript. Here we check the condition related to any email id, like email it must have “@” and “.” sign and also email id must be atleast 10 character.

There are many criteria that need to be follow to validate the email id such as:

email id must contain the @ and .(dot) character
There must be at least one character before and after the @
There must be at least two character after .(dot).

Example

<!DOCTYPE html>  
<html> 
<head>  
<script>  
function email_validation()   
{    
var x=document.myform.email.value;    
var atposition=x.indexOf("@");    
var dotposition=x.lastIndexOf(".");    
if (atposition<1 || dotposition<atposition+2 || dotposition+2>=x.length){    
alert("Please enter a valid e-mail address \n atpostion:"+atposition+"\n dotposition:"+dotposition);    
return false;    
}    
}    
</script>  
</head>  
<body>  
<form name="myform"  method="post" action="#" onsubmit="return email_validation();">  
Email: <input type="text" name="email"><br/>  
<input type="submit" value="Register">  
</form></body>  
</html>

				
					
				1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

						<!DOCTYPE html>  
<html> 
<head>  
<script>  
function email_validation()   
{    
var x=document.myform.email.value;    
var atposition=x.indexOf("@");    
var dotposition=x.lastIndexOf(".");    
if (atposition<1 || dotposition<atposition+2 || dotposition+2>=x.length){    
alert("Please enter a valid e-mail address \n atpostion:"+atposition+"\n dotposition:"+dotposition);    
return false;    
}    
}    
</script>  
</head>  
<body>  
<form name="myform"  method="post" action="#" onsubmit="return email_validation();">  
Email: <input type="text" name="email"><br/>  
<input type="submit" value="Register">  
</form></body>  
</html>

					

			

MORE STORIES