Languages
[Edit]
EN

JavaScript - validate email with regex

20 points
Created by:
Mikolaj
339

In this article, we would like to show how to validate e-mail address in JavaScript using regular expressions (RegExp class).

The first, most important thing is: there is no one way how to write an expression that validates an e-mail. Some solutions are more precise in checking correctness, others less.

Internet is filled with different solutions, so the main goal of the article is to gather all of them in one place.

Quick solution:

// ONLINE-RUNNER:browser;

var expression = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;

var email = 'john@gmail.com';
var result = expression.test(email);

console.log('e-mail is ' + (result ? 'correct' : 'incorrect'));

 

AngualrJS expression example

Google in AngularJS suggested its own expression that checks e-mail.

Note: full source code is located here.

Regular expression:

/^(?=.{1,254}$)(?=.{1,64}@)[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+(\.[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+)*@[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?(\.[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?)*$/

Working example:

// ONLINE-RUNNER:browser;

var expression = /^(?=.{1,254}$)(?=.{1,64}@)[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+(\.[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+)*@[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?(\.[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?)*$/;

var email = 'john@gmail.com';
var result = expression.test(email);

console.log('e-mail is ' + (result ? 'correct' : 'incorrect'));

Output:

e-mail is correct

Alternative titles

  1. JavaScript - validate email with regular expressions
  2. JavaScript - test email with regex
  3. JavaScript - test email with regular expressions
  4. JavaScript - check email with regex
  5. JavaScript - check email with regular expressions
  6. JavaScript - validate e-mail with regular expressions
Donate to Dirask
Our content is created by volunteers - like Wikipedia. If you think, the things we do are good, donate us. Thanks!
Join to our subscribers to be up to date with content, news and offers.
Native Advertising
🚀
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

❤️💻 🙂

Join