Check Email Address with JavaScript and Regular Expressions

11 Flares
11 Flares Twitter 3 Facebook 0 StumbleUpon 1 Google+ 2 LinkedIn 0 Buffer 4 Reddit 0 Pin It Share 1 Email -- 11 Flares ×

A while ago I put up a Password Strength Checker using JavaScript and Regular Expressions. On that same note, you can also check the structure of an email address utilizing the same methodology:

If your form element has the id=emailaddress and you add a form onSubmit=”return checkEmail();”, this is a Javascript function that you can utilize to return an alert if the email address has a valid structure or not:
<script language="javascript">
function checkEmail() {
var email = document.getElementById('emailaddress');
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;
}
}
</script>

The function also returns the focus back to the email address field!

Related