Email Validation Regex

How to Do an Email Validation in JavaScript?

JavaScript is a programming language that is free and open-source. It is intended for use in the development of web-based applications. It is a lightweight and interpreted language, which means it is significantly faster than other programming languages. JavaScript is a scripting language that is used to construct online apps that are visually appealing.

Email validation in JavaScript is a critical component of the user experience provided by a web application to its users. During the input of forms, validation ensures that only valid information is provided to the server and that the information is passed to the server from the client-side of the application.

In collaboration with Caltech, a postgraduate programme in full stack web development is being offered. CTMEENROLL IMMEDIATELY Complete Web Development Curriculum for Post-Graduate Students

What is Validation?

Validation is typically characterised as the process of ensuring that the values entered by the user are accurate and correct. It is critical in web applications, as it improves the overall user experience by reducing page load times. We can validate email addresses, passwords, dates, cell phone numbers, and a wide range of other data fields.

Because of the faster data processing capabilities of JavaScript, it is possible to validate form data on the client-side of a web application, which significantly speeds up the validation process when compared to server-side validation.

Now that we’ve learned a little bit about validation, let’s take a look at how to implement email validation in Java.

Email Validation in JavaScript

When verifying an HTML form, email validation is a vital component of the process. An email is a string of ASCII characters or a subset of ASCII characters that is divided into two sections by the @ sign. The first portion of the email comprises personal information, and the second part contains the domain name under which the email has been registered.

The following ASCII characters are permitted to be used in the personal information section:

  • Letters in both uppercase and lowercase (A-Z and a-z)
  • Characters in the form of numbers (0-9)
  • Characters that stand out -! # $ percent &’* + – / =? _’| % % % % % % % % % % % % % % % % % % % % % % % % Period, dot, or full stop (.) are acceptable punctuation marks, with the caveat that they cannot be the first or last letter of the email and that they cannot be used more than once in a row.
  • JavaScript for Beginners is a free online course.
  • Learn the Fundamentals of JavaScriptNOW ENROLL IN
  • JavaScript for Beginners is a free online course.
    The following words appear in the domain name:

Letters \sDigits \sHyphens \sDots
When it comes to validating email in JavaScript, regular expressions are one of the most commonly used methods. When describing a pattern of characters in JavaScript, regular expressions are used.


It contains the JavaScript code that will be used to validate the emails that we send. The email is being validated at the client-side of a web application, and we are using regular expressions to do so.

  • ValidateEmail(input) is a function that checks an email address.
  • var validRegex = /[a-zA-Z0-9.!#$ percent &’*+/=?_’|-] var validRegex = /[a-zA-Z0-9.!#$ percent &’*+/=? ‘|-]
  • +@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
  • if (input.value.match(validRegex)) the condition is met {
  • alert(“You have entered a valid email address!”);
  • document.form1.text1.focus();
  • return the value true;
  • if not, else
  • alert(“Your email address is invalid!”);
  • document.form1.text1.focus();
  • return a false value;
  • }
  • }
  • Create a regular expression to check the validity of an email address.
  • Check to see if the value entered matches the regular expression.
  • If it does match, an alert with the message “valid email address” will be sent.
  • If the email address does not match, an alert is sent with the message “invalid email address.”