Проверка валидации: руководство для начинающих

Validate - это процесс проверки данных на соответствие каким-либо установленным критериям или правилам. В веб-разработке validate используется для проверки правильности заполнения форм на сайте, а также для проверки корректности ввода данных перед их сохранением в базу данных.

Примеры кода на языке JavaScript для проверки корректности ввода email-адреса:

javascript
function validateEmail(email) {
  const emailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/; //регулярное выражение для проверки email-адреса
  return emailRegex.test(email); //проверка соответствия email заданному формату
}
const emailInput = document.getElementById("email"); //получение элемента инпута по id
emailInput.addEventListener("blur", function() { //добавление слушателя события blur, срабатывающего при потере элементом фокуса
  if(!validateEmail(emailInput.value)) { //если email не соответствует заданному формату
    emailInput.classList.add("invalid"); //добавление класса "invalid", обозначающего неправильность ввода
    emailInput.nextElementSibling.innerText = "Некорректный email"; //вывод текста ошибки
  } else {
    emailInput.classList.remove("invalid"); //удаление класса "invalid"
    emailInput.nextElementSibling.innerText = ""; //очистка поля с текстом ошибки
  }
});

Такой код будет добавлять класс "invalid" и выводить текст ошибки, если введенный email не соответствует заданному формату. Если же все введено правильно, то класс удаляется, а поле с текстом ошибки очищается.