Лабораторная работа 7.1 Реализация проверки введенных пользователем значений

Проверка введенных пользователем значений в ASP.NET 2.0

Задание:

1) Создайте приложение  ASP.NET на основе шаблона ASP.NET Web Site в каталоге C:\Labs\DivisionValidation.

Создайте в этом приложении Web-форму, аналогичную представленной на рис. 7-1а. В элементе управления Label, который расположен рядом с кнопкой, должен выводиться результат деления значения из первого текстового поля на значение из второго.

2) Реализуйте в форме проверку введенных пользователем значений. При этом:

·        проверка должна производиться как на клиенте, так и на сервере;

·        каждое из двух текстовых полей должно быть заполнено (оно не должно остаться пустым);

·        в любое из текстовых полей можно вводить только числовые значения;

·        в любое из текстовых полей пользователь может вводить только целые числа размерностью от -2,147,483,648 до 2,147,483,647 (допустимые для типа данных Int32);

·        значение во втором текстовом поле (делитель) не должно быть равным нулю;

·        в случае, если пользователем нарушено какое-либо из этих условий, ему должны выводиться на форме значимые сообщения о том поле, в котором допущена ошибка (см. рис. 7-1б и 7-1в).

Рис. 7-1а.

Рис. 7-1б

Рис. 7-1в

Решение:

К пункту 1 - создание Web-приложения:

1. Создайте в Visual Studio.NET 2005 новый проект на основе шаблона ASP.NET Web Ste. При создании в поле Location введите C:\Labs\DivisionValidation. После создания приложения форма Default.aspx откроется в окне дизайнера автоматически.

2. Поместите на эту форму из ToolBox два элемента управления TextBox. Значение свойства ID для первого TextBox должно быть TextBox1, а второго - TextBox2.

3. Разместите под ними элемент управления Button. Убедитесь, что значение свойства ID для этой кнопки - Button1, а для свойства Text используйте значение "Разделить".

4. Поместите рядом с кнопкой элемент управления Label. Значение свойства ID для него должно быть Label1, а значение свойства Text сделайте пустым.

5. Щелкните правой кнопкой мыши по объекту Default.aspx в окне Solution Explorer и в контекстном меню выберите View Code. В редакторе кода откроется страница Default.aspx.vb.

6. В списке объектов в левом верхнем углу редактора кода выберите объект Button1, а в списке событий в правом верхнем углу - событие Click. В окне редактора кода автоматически будет создана событийная процедура Button1_Click().

7. Впишите в эту событийную процедуру следующий код:

Label1.Text = CInt(TextBox1.Text) / CInt(TextBox2.Text)

8. Нажмите на кнопку F5, чтобы запустить ваше приложение. Убедитесь, что при использовании корректных значений приложений работает нормально, а, например, если ввести в одно из текстовых полей строковое значение, возникает ошибка приложения.

К пункту 2 - реализация проверки вводимых значений:

1. Для того, чтобы обеспечить обязательное заполнение пользователем обоих текстовых полей, можно использовать элемент управления RequiredFieldValidator. Перетащите из ToolBox на форму два элемента управления этого типа таким образом, чтобы первый оказался рядом с первым текстовым полем, а второй - со вторым. Затем для первого элемента управления RequiredFieldValidator настройте следующие значения свойств:

·        (ID) - TextBox1Validator;

·        ControlToValidate - TextBox1;

·        ErrorMessage - "Не определено делимое!";

·        Text - "Поле не заполнено!".

Для второго элемента управления RequiredFieldValidator, соответственно:

·        (ID) - TextBox2Validator;

·        ControlToValidate - TextBox2;

·        ErrorMessage - "Не определен делитель!";

·        Text - "Поле не заполнено!".

Убедитесь, что для обоих элементов управления значения свойств EnableClientScript и Enabled установлены в True.

2. Нажмите на кнопку F5, чтобы убедиться, что, если оставить одно или оба текстовых поля пустыми и нажать на кнопку, будут выведены сообщения об ошибках. Обратите внимание, что данные при этом на сервер не передаются - проверка вначале выполняется на клиенте. Если вы просмотрите код HTML для страницы в Internet Explorer, можно увидеть код JavaScript, который осуществляет проверку без передачи данных на сервер..

3. Для того, чтобы проверить допустимость введенных пользователем значений, можно использовать элемент управления CompareValidator. Перетащите на форму элемент управления CompareValidator таким образом, чтобы он оказался рядом с первым текстовым полем (не перекрывая элемент управления RequiredFieldValidator). Настройте для него следующие значения свойств:

·        (ID) - Text1CValidator

·        ControlToValidate - TextBox1

·        ErrorMessage - "Ошибка в значении делимого"

·        Operator - DataTypeCheck

·        Text - "Недопустимое значение"

·        Type - Integer

4. Перетащите на форму еще один элемент управления CompareValidator таким образом, чтобы он оказался рядом со вторым текстовым полем (также не перекрывая соответствующий элемент управления RequiredFieldValidator). Настройте для него следующие значения свойств:

·        (ID) - Text2CValidator

·        ControlToValidate - TextBox2

·        ErrorMessage - "Ошибка в значении делителя"

·        Operator - NotEqual

·        Text - "Недопустимое значение"

·        Type - Integer

·        ValueToCompare - 0.

5. Нажмите на кнопку F5, чтобы запустить приложение. Попробуйте ввести в текстовые поля неверные значения (например, во второе текстовое поле - строковые значения или 0). При этом должны выводиться соответствующие надписи.

6. Поместите на форму под кнопкой элемент управления ValidationSummary и настройте для него значение свойства HeaderText: "Ошибки при заполнении полей:".

Еще раз нажмите на кнопку F5, чтобы запустить приложение и попробуйте вести неверные значения. Теперь внизу формы будет выводиться список ошибок (значения, которые вы определили при помощи свойства ErrorMessage проверяющих элементов управления).

Получить учебные материалы по этому курсу