Добавим немного интерактива

Добавим немного интерактива с помощью JavaScript.

Для начала давайте не субмитить форму, если пользователь ничего не ввёл в поле ввода.

Для этого сначала нужно добавить полю ввода идентификатор, по которому можно к этому полю обращаться и с ним работать, в этой строке приписываем атрибут id:

<input id="server" name="server" style="width:300px"
value="<?=$_GET["server"]?>"/>

Теперь мы можем обращаться с этим полем ввода как с объектом, находя его по ID:

var inp = document.getElementById('server');

Вот теперь можно по нажатию кнопки проверять наличие текста в этой строке ввода:

<input name="submit" type="Submit" value="Submit"
onclick="var inp = document.getElementById('server');
if(!inp.value) {alert('Введите адрес сервера.'); return false;}"/>

Вообще, если кнопки типа submit в обработчике нажатия возвращает FALSE, то субмита формы не происходит — этим мы и воспользовались.

В следующий раз мы сделаем так, чтобы результат показывался на странице без обновления страницы, а сразу — для этого мы воспользуемся такой штукой как AJAX.

One Response to “Добавим немного интерактива”

  1. Строим веб-приложение Says:

    […] немного интерактива с помощью JavaScript, а также прикрутим […]

Leave a Reply

You must be logged in to post a comment.