Активная кнопка html5

353
21 декабря 2016, 03:47

Как добавить стиль к неактивной/активной кнопки?

Вот что я имею ввиду

<form> 
<input type="text"> 
<input type="submit"> 
</form>

Сделать проверку чтобы при заполнении текстового поля, кнопка активировалась и наоборот.

Answer 1

var text = document.getElementById('input-text'); 
var button = document.getElementById('input-button'); 
 
text.addEventListener('input', handle); 
text.addEventListener('keyup', handle); 
 
function handle(e) { 
  if (text.value.length >= 5) { 
    button.disabled = false; 
  } 
  if (e.keyCode === 8 || e.keyCode === 46) { 
    if (text.value.length <= 5) { 
      button.disabled = true; 
    } 
  } 
}
<form> 
<input id="input-text" type="text"> 
<input id="input-button" type="submit" disabled> 
</form>

READ ALSO
Выполнение пробного сайта [требует правки]

Выполнение пробного сайта [требует правки]

Здравствуйте, прошу помочьВ моём окружении нету знающих сайтостроение, кроме форума

443
Как перемещать текст по странице сайта в css? [требует правки]

Как перемещать текст по странице сайта в css? [требует правки]

Есть блок, и на нем должны быть размещены различные фразы-ссылкиОдну из них мне нужно переместить вправо на некоторое количество пикселей

1080
Помогите с анимацией scale

Помогите с анимацией scale

Помогите сделать анимацию чтобы при клике по кнопке див с замедлением появлялся с трансформацией [scale] с еулевого размера увеличивался до своего...

435
Приоритет наложение слоёв

Приоритет наложение слоёв

Свойство z-index как правило применяется только исключительно к позиционированным элементам (relative, absolute, fixed и тд

424