How to Validate Email Using JavaScript: Simple Guide

You can validate an email in JavaScript by using a regular expression (regex) to check the email format. The test() method on the regex returns true if the email matches the pattern, otherwise false.

Syntax

Use a regular expression pattern with the test() method to check if an email string matches the expected format.

• regex: The pattern describing a valid email format.
• email: The string to validate.
• regex.test(email): Returns true if email matches the pattern, else false.

javascript

const regex = /^[\w.-]+@[\w.-]+\.\w+$/;
const email = "[e-mail]";
const isValid = regex.test(email);

Example

This example shows how to create a function that checks if an email is valid using a regex pattern. It prints whether the email is valid or not.

javascript

function validateEmail(email) {
  const regex = /^[\w.-]+@[\w.-]+\.\w+$/;
  return regex.test(email);
}

const testEmail1 = "[e-mail]";
const testEmail2 = "invalid-email@.com";

console.log(`${testEmail1} is valid:`, validateEmail(testEmail1));
console.log(`${testEmail2} is valid:`, validateEmail(testEmail2));

Output

[e-mail] is valid: true
invalid-email@.com is valid: false

Common Pitfalls

Common mistakes include using overly simple regex patterns that allow invalid emails or too strict patterns that reject valid ones. Also, relying only on regex cannot guarantee the email actually exists.

Always test your regex with various email formats and consider server-side validation for better security.

javascript

/* Wrong: Too simple, allows invalid emails */
const badRegex = /.+@.+\..+/;

/* Right: More precise pattern */
const goodRegex = /^[\w.-]+@[\w.-]+\.\w+$/;

console.log(badRegex.test("bad@.com")); // true (incorrect)
console.log(goodRegex.test("bad@.com")); // false (correct)

Output

true
false

Quick Reference

Tips for email validation in JavaScript:

• Use a regex pattern that covers common email formats.
• Use regex.test(email) to check validity.
• Remember regex can't verify if the email actually exists.
• Consider additional server-side validation for security.

Key Takeaways

Use a regular expression with the test() method to validate email format in JavaScript.

Choose a regex pattern that balances accuracy without being too strict or too loose.

Regex validation only checks format, not if the email address actually exists.

Test your regex with different email examples to avoid common mistakes.

Combine client-side validation with server-side checks for best results.