@dgallyamshin

Как сделать кнопку продолжить неактивной при незаполненном input?

Ребята, добрый вечер. Повесил событие на кнопку, чтоб появлялся следующий шаг оформления заявки, а этот исчезал. Так вот теперь не работает у input required, сразу переходит на следующий шаг вне зависимости от обязательно заполнения поля.

Как это избежать?
<input type="text" required>
<button type="button" id="next">Продолжить</button>

$('#next').on('click', () => {
$('#step-1').fadeOut()
$('#step-2').fadeIn()
}
  • Вопрос задан
  • 137 просмотров
Пригласить эксперта
Ответы на вопрос 1
YuriyVorobyov1333
@YuriyVorobyov1333
Software Developer (Java/Node.js/Angular)
Для input'ов, которые нужно заполнить, добавьте свойство required. И еще смените тип кнопки на submit
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы