Валидация формы JavaScript

160
22 мая 2022, 12:50

Хотел бы получить ваше мнение по моему коду.

У меня есть форма, там одно поле email. Я делаю проверку этого поля. Так же хочу, что бы при отправки формы, поле очищалось, и может выводить alert, что форма была отправлена. Так же я как отменил действие submit, но сделал его ужасно, мне кажется надо по-иному это делать.

Прилагаю код. Так же я пробовал сделать, чтобы когда форма пустая она не отправлялась. Буду благодарен за комментарии. Всем добра.

А ещё бы хотел узнать. Хорошим тоном считается в Js, когда сначала идут переменные, функции и вызовы функций?

form.addEventListener("click", function(e) {
  e.preventDefault()
})
// Validate email
function validateEmail(value) {
  return emailRegexp.test(value)
}
function updateInput() {
  if (validateEmail(email.value) || email.value === "") {
    email.style.border = "2px solid green"
    formBtn.disabled = false
  } else {
    email.style.border = "2px solid red"
    email.style.borderColor = 'red';
    formBtn.disabled = true
  }
}
email.addEventListener("input", updateInput)
Answer 1

На форму вешайте не click, а submit. И там делайте проверку на правильность введенных данных в инпуте

READ ALSO
Как заанимировать эквалайзер

Как заанимировать эквалайзер

Есть задача заанимировать такой эквалайзер https://prntsc/vki1ks

158
Вырезать текст после определенного слова

Вырезать текст после определенного слова

Помогите пожалуйста с регулярными выражениямиЕсть строка

191
Как сделать отзывчивость через js?

Как сделать отзывчивость через js?

Всем привет, Нужно, как я понимаю, отслеживать ширину экрана и в зависимости от нее использовать десктопный контейнер или мобилкуТЗ "Вёрстка...

139
Как запустить JS скрипт в JS скрипте?

Как запустить JS скрипт в JS скрипте?

Нужно в JS коде сделать при запуске, запуск другого скриптаИли, если так нельзя то файл

148