Как проверить адрес электронной почты в JavaScript: методы и примеры

Чтобы проверить адрес электронной почты в JavaScript, вы можете использовать различные методы. Вот несколько вариантов:

  1. Метод регулярного выражения (RegEx):
    Вы можете использовать шаблон регулярного выражения для проверки адреса электронной почты. Вот пример:
function validateEmail(email) {
  const regexPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  return regexPattern.test(email);
}
// Usage
const email = "example@example.com";
const isValid = validateEmail(email);
console.log(isValid); // true or false
  1. Тип ввода HTML5.
    Вы можете использовать тип ввода HTML5 emailдля проверки адреса электронной почты. Этот метод основан на встроенной проверке браузера. Вот пример:
<input type="email" id="emailInput" required>
<button onclick="validateEmail()">Validate</button>
<script>
function validateEmail() {
  const emailInput = document.getElementById("emailInput");
  if (emailInput.checkValidity()) {
    console.log("Email is valid");
  } else {
    console.log("Email is invalid");
  }
}
</script>

Обратите внимание, что использование типа ввода HTML5 emailобеспечивает проверку на стороне клиента, но не так надежно, как проверка на стороне сервера или использование регулярного выражения.

  1. Внешние библиотеки.
    Существует несколько библиотек JavaScript, обеспечивающих функцию проверки электронной почты. Одной из популярных библиотек является «validator.js». Вы можете использовать его, включив в свой проект и вызвав его функцию проверки. Вот пример:
<script src="validator.min.js"></script>
<script>
function validateEmail(email) {
  return validator.isEmail(email);
}
// Usage
const email = "example@example.com";
const isValid = validateEmail(email);
console.log(isValid); // true or false
</script>