Добавим немного интерактива с помощью 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 “Добавим немного интерактива”
Ну-ка вякни!
Нужно сначала залогиниться, чтобы постить комменты.
22.02.2009 в 16:56
[...] немного интерактива с помощью JavaScript, а также прикрутим [...]