Проверка поля input[text]

333
09 марта 2017, 23:35

Как проверить поле input[text] ? Только вот не отправляя форму. Есть кнопка "Дальше" нажимая на эту кнопку проверяется поле. если заполнено то проходим дальше. извиняюсь может как то сумбурно все описал

Answer 1

В самом просто варианте, у нас есть поле и есть обработчик

const form = document.getElementById('form') // ссылка на нашу форму 
const nextButton = form.querySelector('.next-step') // ссылка на кнопку 
const input = form.querySelector('input[name="text"]') // ссылка на наш инпут 
 
// навешиваем обработчик 
nextButton.onclick = function () { 
    alert(input.value); // значение хранится в св-ве value 
}
button { 
  margin-top: 10px; 
}
<form id='form'> 
   <input type='text' name='text'><br> 
   <button class='next-step'>Далее</button> 
</form>

То есть что бы получить значение поля, вам нужно иметь ссылку на него + обратиться к св-ву value

READ ALSO
Date назад на 10 лет

Date назад на 10 лет

Помогите написать функцию которая с нынешнего времени пойдет назад на 10 лет и возвратит дату время год неделю и все о дате на английском

349
посмотреть команды в package.json

посмотреть команды в package.json

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

334
onclick и innerHTML

onclick и innerHTML

Подскажите, пожалуйста, почему событие onclick в коде ниже не выполняетсяЕсли убрать последнюю строку с innerHTML, всё работает:

292