Рис.1. Не заполнено поле номер

Обработка форм – одна из основных задач в веб-приложениях. Ниже информация о том, как в ASP.Net сделать проверку на заполнение обязательного поля. Для этого используется элемент управления RequiredFieldValidator.

Форма в примере будет содержать 2 текстовых поля и кнопку "Отправить". Кроме них, на странице под кнопкой "Отправить" разместите контрол типа Label для демонстрации одной особенности работы.

 

Для примера будем считать, что поле "Номер" (id = tb1) обязательно для заполнения. Обязательность заполнения полей в ASP.Net проверяет элемент управления RequiredFieldValidator. Добавим его над контролом tb1:

 

Основные свойства контрола RequiredFieldValidator:

  • ID – идентификатор;
  • ControlToValidate – идентификатор проверяемого контрола;
  • EnableClientScript – разрешить проверку клиентскими скриптами, возможные значение true или false;
  • ErrorMessage – текст сообщения об ошибке;
  • SetFocusOnError – установить курсор на контрол при ошибке, возможные значение true или false.

 

Если значение свойства EnableClientScript равно True, то, если посмотреть HTML-код открывшейся в браузере страницы, будет код Javascript, который постарается провести проверку на стороне пользователя.

 

Убедитесь, что EnableClientScript = True, и откройте приложение в браузере, нажав Ctrl + F5. Если нажмете на кнопку "Отправить", не заполнив поле "Номер", то над полем "Номер" будет сообщение "не заполнено поле Номер" (Рис.1).

 

Рис.1. Не заполнено поле номер

Рис.1. Не заполнено поле номер

Проверка заполнения поля была проведена только на стороне клиента. Если обновить страницу в браузере, нажав кнопку F5, то браузер не выведет окно о повторной отправке данных на сервер, а сообщение об ошибке пропадет.

Измените значение EnableClientScript  на False (EnableClientScript = False) и запустите приложение. Нажмите кнопку "Отправить". Страница будет выглядеть так же, как и на рис.1. Но если сейчас обновить страницу браузера, нажав кнопку F5, то браузер выдаст предупреждение о повторной отправке данных (Рис.2). Это значит, что проверка данных и выдача сообщения об ошибке были проведены на стороне сервера.

 

Рис.2. Предупреждение о повторной отправке данных

Рис.2. Предупреждение о повторной отправке данных

 

Листинг приложения:

 

В CS файл ничего не добавляли.