Email Validation In Javascript

Introduction

When you are developing a page in pure HTML, then you can face a problem for email validation as the html page does not support the regular expression validation or any server side controls.

Then you may need this one, that You have to validate that entry by some javascript method, wether the email adress entered is a correct one or not.

Here I am going to explain this with a piece of code, which will be easier to understand and impliment. So lets start.

Using The Code

Take two html inputs one is of type text and another of type submit.

<input input type="text" name="txtEmailId" id="txtEmailId" /> 
<input type="submit" class="button" value="Suscribe" name="Suscribe" 
 onclick="javascript:ShowAlert()" />

Now the java script function is bellow which has the regex for performing the email validation. Past it to the head section of your page

<script type="text/javascript">
 function ShowAlert() {
  var email = document.getElementById('txtEmailId');
  var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if (!filter.test(email.value)) {
        alert('Please provide a valid email address');
        email.focus;
        return false;
    }
    else {
        alert("Thanks for your intrest in us, Now you 
        will be able to receive monthly updates from us.");
        document.getElementById('txtEmailId').value = "";
    }
 }
 </script> 

Thats it, now you have successfully validated your html tags. Happy coding.....