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

Для этого сначала нужно добавить полю ввода идентификатор, по которому можно к этому полю обращаться и с ним работать, в этой строке приписываем атрибут 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.

Пример, который мы разбирали на лекции, доступен здесь (1.5 Кб)

Чтобы он заработал на вашей машине, в файле 2.php смените этот путь

http://localhost/SmartHands/3.php

на любой рабочий другой

http://localhost/ваш/путь/к/файлу/3.php

Кстати, AJAX чаще всего не работает для удаленных скриптов, т.е. если вы поменяете УРЛ выше на

http://koodix.com

то получите сообщение об ошибке. Это сделано в целях безопасности. Так что пока обращайтесь к скриптам только в своём домене.

Приятного чтения!

• показать список товаров
• подредактировать конкретный товар
• удалить товар
• добавить товаров

Исходники (12 Кб)

Для успешной работы приложения на вашей машине надо сделать следующее:

1. создать базу данных products (удобно через phpMyAdmin)
2. содержимое файла schema.sql скормить этой базе, в результате чего будет создана одноименная таблица
3. в файле server.php поправить данные (логин/пароль) для коннекта с базой

В принципе, большинство веб-приложений требуют реализации такой функциональности: вывести список элементов и редактировать их, так что эта базовая система может с минимальными доработками переделана под другую предметную область.

У кого что не получается – пишите в комменты, будем делиться опытом друг с другом.

P.S. Удобно дампить переменные (смотреть их содержимое) с помощью имеющегося в проекте класса dBug, для этого надо сделать такой вызов:

< ?
new dBug( $var );
?>