- •Начальное руководство по разработкеweb-приложений и asp.Net.
- •Разработка web-приложений и asp.Net
- •Web-приложения и web-серверы
- •Что такое виртуальные каталоги?
- •Структура документа html
- •Форматирование текста средствами html
- •Заголовки html
- •Html-редактор Visual Studio.Net
- •Разработка форм html
- •Создаем пользовательский интерфейс
- •Добавление изображений
- •Клиентские скрипты
- •Пример клиентского скрипта
- •Реализация проверки введенных пользователем данных
- •Передаем данные формы (методы geTиPost)
- •Синтаксис строки запроса http
- •Создание классической страницы asp
- •Принимаем данные, переданные методом post
- •Первое приложение asp.Net
- •Некоторые проблемы классических asp
- •Некоторые преимущества asp.Net
- •Пространства имен asp.Net
- •Наиболее важные типы пространства имен System.Web
- •Приложение и сеанс подключения пользователя
- •Создание простого web-приложения на с#
- •Исходный файл *.Aspx
- •Файл web.Config
- •Исходный файл Global.Asax
- •Простой код asp.Net на с#
- •Архитектура web-приложения asp.Net
- •Тип System.Web.Ui.Page
- •Связка *.Aspx/Codebehind
- •Свойство Page. Request
- •Свойство Page.Response
- •Свойство Page.Application
- •Отладка и трассировка приложений asp.Net
- •Элементы управления WebForm
- •Создание элементов управления WebForm
- •Иерархия классов элементов управления WebForm
- •Виды элементов управления WebForm
- •Базовые элементы управления WebForm
- •Группа переключателей
- •Текстовое поле для ввода нескольких строк с полосой прокрутки
- •Элементы управления с дополнительными возможности
- •Элемент управления Calendar
- •Элемент управления AdRotator (баннерная рулетка)
- •Элемент управления для работы с источниками данных
- •Элемент управления DataGrid
- •Еще немного об источниках данных
- •Элементы управления для проверки вводимых пользователем данных
- •Обработка событий элементов управления WebForm
- •Подведение итогов
- •Web-cлужбы
Реализация проверки введенных пользователем данных
Давайте теперь займемся более сложной ситуацией и реализуем проверку ввода пользователя на нашей странице default.htm. Задача проста: при нажатии на кнопку Submit должен вызываться метод JavaScript, который будет проверять, не оставлено ли какое-либо из текстовых полей пустым. Если так оно и есть, пользователю будет выдаваться сообщение Internet Explorer с информацией о допущенной им ошибке. Прежде всего, нам потребуется определить для кнопки Submit событие onclick. При возникновении этого события должен вызываться метод JavaScript ValidateData (). Этот метод будет проводить проверку на отсутствие данных в текстовых полях:
<script language = javascript>
<!- Необходимо использовать полные имена текстовых полей в формате имя_формы.имя_поля!
function ValidateData()
{
// Если что-то забыто, выводим окно сообщения
if((MainForm.txtUserName.value == "") || (MainForm.txtPassword.value == ""))
{
Alert(“You must supply a user name and password!");
return false;
}
return true;
}
->
<input id = btnSubmit onclick = "return ValidateData()" type=submit value = Submit name = btnSubmit>
С проверкой данных в нашей форме все. Однако в этом примере были продемонстрированы лишь самые примитивные возможности JavaScript. Чтобы дать хотя бы небольшое представления о других возможностях этого языка и браузерных скриптов в целом, давайте создадим еще одну функцию, которая будет вызываться при загрузке страницы и выводить информацию о дате и времени входа пользователя. Для этой функции (она будет называться GetTheDate()) нам потребуется еще один тег <script>. Обратите внимание на применение метода write() объекта Document, представляющего текущий документ, загруженный в Internet Explorer.
<HTML>
<HEAD>
<TITLE>HTML is unavoidable</TITLE>
<script language = javascript>
<!- Методы JavaScript для этой формы
function ValidateData()
{
if((MainForm.txtUserName.value == "") || (MainForm.txtPassword.value == "")) {
alert(“You must supply a user name and password!")
return false;
}
return true;
}
function GetTheDate() { return Date() }
->
</script>
</HEAD>
<BODY bgColor=#66ccff>
<!- Приглашение пользователю для ввода ->
<center>
<hl>The Cars Login Page</hl>
<h2>Today is: </h2>
<script language=javascript>
// Метод document.write - часть объектной модели IE
Document.write(GetTheDate());
</script>
<br> </h3>Please enter your <i>user name</i> and <i>password</i>.</h3>
<!- Создаем форму для приема ввода данных пользователем ->
<form name=MainForm>
<p>User Name:  : <input type=text name=txtUserName></p> <p>Password: <input type=password name=txtPassword> </p>
<input id=btnSubmit onclck=ValidateData() type=submit value=Submit name=btnSubmit> <input type=reset value=Reset name=btnReset>
</form>
</center>
</BODY>
</HTML>
Передаем данные формы (методы geTиPost)
Будем считать, что с вводом данных пользователем и их проверкой мы уже разобрались. Однако введенные и проверенные данные обычно необходимо отправить получателю — например, другому файлу HTML на web-сервере, почтовому серверу, странице ASP (Active Server Page) и т. п. Получатель данных формы указывается при помощи атрибута action. Давайте добавим этот атрибут в тег нашей формы:
<form name=MainForm action="http://localhost/Cars/ClassicASPPage.asp" method = "GET">
</form>
Такое значение атрибута action означает, что при нажатии кнопки Submit данные формы будут переданы странице ASP с именем ClassicASPPage.asp, расположенной в нашем виртуальном каталоге Cars на локальном компьютере. Мы определили в качестве метода для передачи данных метод GET. Это значит, что данные формы будут добавлены к запросу в виде пар имя — значение. Вместо метода GET можно использовать метод POST, в этом случае значение соответствующего атрибута должно выглядеть следующим образом:
<form name=MainForm action="http://1oca1host/Cars/ClassicASPPage.asp" method = "POST">
</form>
При использовании метода POST данные формы не будут добавляться к строке запроса. Вместо этого для них будет выделена отдельная строка в поле заголовка HTTP. При этом передаваемые данные не будут сразу же видны всем, кто отслеживает наш трафик, и поэтому метод POST можно считать немного более безопасным. Однако еще важнее, что при помощи метода POST можно передавать данные гораздо большего размера, чем при помощи GET. Однако в нашем примере мы будем использовать более традиционный и простой метод GET.