назад | содержание | вперед
Отправка данных
Вы также можете посмотреть не только внешний вид, но и исходный текст подготовленного вами 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-сервер. Как обрабатывать эти данные на сервере, вы узнаете в следующем разделе.
назад | содержание | вперед