Feb 22

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

AJAX, JavaScript, учеба, аффтар: Скакунов Александр Add comments

Добавим немного интерактива с помощью 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. И тут Строим веб-приложение говорит:
    Default LCA Avatar Image

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

Ну-ка вякни!

Нужно сначала залогиниться, чтобы постить комменты.


[ квартиры почасово в киеве . продажа авто в Донецке . фильмы новые онлайн . philips 32pfl3605 60 . Создание, регистрация юридического лица - большой опыт ]