Блог

Главная - Вопросы по программированию - Как я могу протестировать все входные данные одновременно при проверке формы, предотвратить отправку по умолчанию и наилучшим образом добавить классы на входные данные

Как я могу протестировать все входные данные одновременно при проверке формы, предотвратить отправку по умолчанию и наилучшим образом добавить классы на входные данные

#javascript #html

#javascript #HTML

Вопрос:

Я ищу лучший способ одновременного тестирования всех моих входных данных, предотвращения отправки формы и отображения моего border-color: red на каждом входе. Любая помощь будет оценена.

 btn.addEventListener('click', () => {
    if (title.value.length == 0) {
        title.classList.add('notValid');
        e.preventDefault();
    }
    if (author.value.length == 0) {
        author.classList.add('notValid');
        e.preventDefault();
    }
    if (pages.value.length == 0) {
        pages.classList.add('notValid');
        e.preventDefault();
    }
});

Комментарии:

1. Привет всем! Ваш код должен работать. В чем, по-видимому, проблема?

2. Мой код предотвратит отправку по умолчанию и отправит, но когда я не введу значения для двух входных данных, только первый ввод будет принимать класс, и если я не введу никаких входных данных, только первый ввод станет красным