назад | содержание | вперед Отправка данных Вы также можете посмотреть не только внешний вид, но и исходный текст подготовленного вами 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>
В этом фрагменте кода описывается процедура btnContinue_Onciick, которая обрабатывает событие, возникающее при нажатии на кнопку btncontinue. Сначала определяется ссылка на форму данных, содержащую поля ввода. Далее проверяется, является ли числовым значение, введенное в поле Почтовый индекс. Если это не так, то в диалоговом окне выводится сообщение об ошибке (рис. 19.7).
Рис. 19.7. Вывод сообщений пользователю с помощью процедуры MsgBox В противном случае мы задаем параметры отправки данных и вызываем метод submit формы данных, который и осуществляет отправку введенной информации на Web-сервер. Как обрабатывать эти данные на сервере, вы узнаете в следующем разделе. назад | содержание
| вперед
Поделитесь этой записью или добавьте в закладки |
Полезные публикации |