назад | содержание | вперед

Отправка данных

Вы также можете посмотреть не только внешний вид, но и исходный текст подготовленного вами HTML-документа и даже внести в него изменения. Для этого нажмите кнопку Launch Editor на панели инструментов окна проекта. Откроется редактор Notepad, содержащий текст HTML-документа.

<HTML>

<HEAD><TITLE></TITLE>

</HEAD>

<BODY>

<P аlign=сеntеr>Введите данные о себе:</Р>

<TABLE border=1 name=tblCustomer>

<TR>

<ТD>Компания

<TD>

<INPUT id="" name=txtccompany

style="HEIGHT: 25px; LEFT: 112px; TOP: 61px; WIDTH: 378px"

maxLength=20>

<TR>

<ТD>Фамилия

<TD>

<INPUT id="" name=txtclastname

style="HEIGHT: 25px; LEFT: 112px; TOP: 61px; WIDTH: 378px"

maxLength=l6>

<TR>

<ТD>Имя

<TD>

<INPUT id="" name=txtcfirstname

style="HEIGHT: 25px; LEFT: 112px; TOP: 61px; WIDTH: 378px"

maxLength=l6>

<TR>

<ТD>Отчество

<TD>

<INPUT id="" name=txtcsecondname

style="HEIGHT: 25px; LEFT: 112px; TOP: 61px; WIDTH: 378px"

maxLength=16>

<TR>

<TD>Пoчтовыйi индекс

<TD>

<INPUT id="" name=txtczip

style="HEIGHT: 25px; LEFT: 112px; TOP: 61px; WIDTH: 378px"

maxLength=6>

<TR>

<ТD>Страна

<TD>

<INPUT id="" name=txtccountry

style="HEIGHT: 25px; LEFT: 112px; TOP: 61px; WIDTH: 378px"

maxLength=2 0>

<TR>

<TD>Регион

<TD>

<INPUT id="" name=txtcregion

style="HEIGHT: 25px; LEFT: 112px; TOP: 61px; WIDTH: 378px"

maxLength=3>

<TR>

<TD>Город</TD>

<TD>

<INPUT id="" name=txtccity

style="HEIGHT: 25px; LEFT: 112px; TOP: 61px; WIDTH: 378px"

maxLength=20></TD></TR>

<TR>

<TD>Aдpec</TD>

<TD>

<INPUT id="" name=txtcaddress

style="HEIGHT: 25px; LEFT: 112px; TOP: 61px; WIDTH: 378px"

maxLength=60></TD></TR></TABLE></P>

<INPUT id=btnContinue name=btnContinue style="HEIGHT: ЗОрх; LEFT: 189px;

POSITION: absolute; TOP: 391px; WIDTH: 160px" type=button

vаlue=Продолжить >

</BODY></HTML>

Для того чтобы данные, содержащиеся в полях ввода, можно было отправить на сервер, поля ввода необходимо поместить в форму данных. Начало формы в документе HTML обозначается тэгом <FORM>, конец — тэгом </FORM>. При этом тэг <FORM> может иметь атрибуты: имя формы и метод отправки данных.

Добавьте строчку <FORM NAME=frminputCustomer METHOD=POST> перед тэгом <TABLE> и тэг </FORM> перед тэгом </BODY> в исходном тексте вашего HTML-документа. В результате этого все поля ввода и кнопка Продолжить оказались внутри формы данных с именем frminputCustomer. Теперь сохраните текст и закройте редактор Notepad. Visual Basic сообщит о том, что данные были изменены и предложит обновить их. Нажмите кнопку Yes.

Существует два способа отправки данных на сервер. Первый и самый простой — использование элемента управления типа submit. Если пользователь нажмет на такую кнопку, расположенную внутри формы данных, то вся введенная в остальные элементы управления информация будет немедленно передана на Web-сервер. Недостатком данного способа является то, что мы не сможем контролировать правильность введенных значений, поэтому применим второй способ — использование сценария VBScript для проверки правильности вводимой информации и отправки данных. Вставьте в начало HTML-документа следующий код:

<SCRIPT Language="VBScript">

<!--

Sub btnContinue_OnClick()

Dim frmCurrent

Set frmCurrent=Document.frmInputCustomer

If IsNumeric(frmCurrent.txtczip.Value) then

frmCurrent.Action="default.asp?mode=inputcustome r"

frmCurrent.submit

Else

MsgBox "В поле Почтовый индекс недопустимы буквы",,"Ошибка типа"

End If

End Sub

-->

</SCRIPT>

Замечание

В элементе управления HTML поле ввода для доступа к значению использует свойство value вместо привычного свойства Text.

В этом фрагменте кода описывается процедура btnContinue_Onciick, которая обрабатывает событие, возникающее при нажатии на кнопку btncontinue. Сначала определяется ссылка на форму данных, содержащую поля ввода. Далее проверяется, является ли числовым значение, введенное в поле Почтовый индекс. Если это не так, то в диалоговом окне выводится сообщение об ошибке (рис. 19.7).

Рис. 19.7. Вывод сообщений пользователю с помощью процедуры MsgBox

В противном случае мы задаем параметры отправки данных и вызываем метод submit формы данных, который и осуществляет отправку введенной информации на Web-сервер. Как обрабатывать эти данные на сервере, вы узнаете в следующем разделе.

назад | содержание | вперед