Как запретить нажатие кнопки при пустом инпуте?

Question

[Vitaly]

Существует форма с инпутом и кнопкой

<form method="get"> 
            <input type="number" id="add_group" name="add_group" placeholder="Введите ID группы" style="width: 150px; height: 35px;">
            <input type="submit" value="Подключить" style="width: 120px; height: 35px;"
               onclick="window.open ('https://oauth.vk.com/authorize?client_id=5961737&display=page&redirect_uri=http://vhost25708.cpsite.ru/lk/grant.php&scope=manage,messages&response_type=code&group_ids=' + document.getElementById ('add_group').value, '_blank')">
            </form>

Как сделать кнопку активной только после заполнения инпута?

Answer 1

[V Sh.]

Можете так: jsfiddle

Comments

[Vitaly]

Спасибо, все работает)

Answer 2

[Артур Карапетян]

input-у добавить атрибут required ?

Comments

[Vitaly]

пытался, почему-то не действует

[V Sh.]

vitcorp: а вы помещали этот input в форму? Проверка на required, насколько я помню, осуществляется перед отправкой формы (submit).

[Vitaly]

V Sh.: если я добавляю атрибут инпуту, то когда я навожу на инпут, появляется надпись "Заполните это поле" а кнопка так и остается активной и на нее можно нажать. А если я присваиваю атрибут кнопке то ничего не происходит совсем.

[V Sh.]

vitcorp: required указывает на то, что элемент с этим атрибутом должен быть заполнен, иначе не произойдет отправка формы на сервер. Кнопки неактивными он точно не делает. Конпка с типом "submit" будет нажиматься, но отправки формы не произойдет, пока не будут заполнены все поля с тегом required.

[Vitaly]

V Sh.: незнаю что будет, а что не будет но форма отправляется , вы смотрели в onclick, вот благодаря ему я думаю и можно нажать кнопку)