DreamwaverMX и ASP.NET(5)

настроить поля ввода для ввода данных. В ASP.NET есть элемент управления текстовым полем для приема данных. Синтаксис следующий:

<asp:textbox id="…" runat="server" другие атрибуты/ >

В DreamweaverMX вы можете нажать Кнопка быстрого доступа для добавления элемента управления текстовым полем. Во всплывающем диалоговом окне задайте идентификатор, текстовый режим (тип диалогового окна), всплывающую подсказку (подсказку при наведении курсора мыши на элемент управления), макет (дизайн стиля) и информацию о стиле (используется для настройки ввода). текстовый формат и граница текстового поля), чтобы установить элемент управления. На рисунке ниже показано диалоговое окно настроек текстового поля.


[Рис. 5-3. Диалоговое окно настроек текстового поля 1]

[Рис. 5-4. Диалоговое окно настроек текстового поля 2]


[Рис. 5-5. Диалоговое окно настроек текстового поля 3]

Поскольку элемент данных COMMENT требует ввода большого объема текста, необходимо использовать текстовое поле с несколькими строками ввода. Просто установите текстовый режим MultiLine и введите нужное количество строк (Rows).

Для генерации добавленного события также необходима кнопка. Перейдите на вкладку «Формы» и нажмите кнопку «Добавить».

Использование проверки данных STEP2

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

Синтаксис управления для проверки данных RequiredFieldValidator следующий:

< asp:RequiredFieldValidato другие атрибуты runat="server" >Сообщение об ошибке</asp:RequiredFieldValidator >

или

< asp:RequiredFieldValidator ErrorMessage="Сообщение об ошибке" Другие атрибуты runat="server"/ >

После нажатия «Дополнительные теги» выберите «Сервер проверки тегов ASP.NET», и вы увидите, что на выбор доступны различные типы элементов управления проверкой данных. Нам нужно добавить элемент управления проверкой asp:RequiredFieldValidator за полем ввода First_name.

В окне настроек элемента управления RequiredfieldValidator элемент управления для проверки — это идентификатор элемента управления вводом, связанного с этим элементом управления проверкой данных, а сообщение об ошибке — это сообщение, отображаемое при сбое проверки данных. При этом мы можем выбрать необходимый стиль, задав информацию о макете и стиле.


[Рисунок 5-6 Выбор элемента управления проверкой]


[Рис. 5-7. Диалоговое окно настроек элемента управления RequiredfieldValidator]

В то же время добавьте еще один элемент управления проверкой данных RequiredFieldValidato, используя тот же метод, что и поле ввода Last_Name. Теперь мы можем сохранить и просмотреть страницу. При отсутствии данных в полях ввода Имя и Фамилия и нажатии кнопки «Отправить» появится сообщение об ошибке проверки. Как показано на рисунке 5-8.

Но во многих случаях нам необходимо проверить действительные данные. Например, почтовый индекс должен состоять из 6 цифр, а введенный адрес электронной почты должен быть в определенной форме. Здесь вам нужно использовать RegularExpressionValidator для проверки достоверности данных. На этой странице регистрации этот элемент управления для проверки можно использовать как по телефону, так и по электронной почте.


[Рис. 5-8. Диалоговое окно RequiredfieldValidator]

[Рис. 5-9 Свойства настройки электронной почты]

Аналогично методу добавления элемента управления проверкой RequiredfieldValidator нажмите «Дополнительные теги..», чтобы добавить элемент управления проверкой данных. Разница заключается в настройке выражения проверки. Так как в телефон нужно ввести 7-10 цифр, то его нужно настроить следующим образом:

[0-9]{7,10}

Его синтаксис следующий:

[]: используется для определения допустимых символов. Например, az означает, что строчные буквы 'a'-'z' являются допустимыми символами, a-zA-Z означает, что допустимы все буквы, а 0-9 означает, что допустимы все буквы. число.

{}: используется для определения количества символов, которые необходимо ввести, {7,10} означает, что можно ввести 7–10 символов, {0,} означает, что можно принять 0 – неограниченное количество символов.

'.': указывает на ввод любого символа. .{0,} означает, что допустимо 0 — бесконечно любое количество символов.

|: Обозначает ИЛИ (или), например, [A-Za-z]{3}|[0-9]{3} означает, что могут быть приняты 3 английские буквы или 3 цифры.

(): Для облегчения чтения строки, содержащие символ |, обычно заключаются в (). Например ([A-Za-z]{3}|[0-9]{3}).

: Если он содержит специальные символы, такие как [], {}, (), | и т. д., перед этими строками необходимо добавить .

Ниже приведены некоторые из наиболее часто используемых примеров:

Электронная почта: .{1,}@.{1,}/..{1}

Телефон (включая код города): ([0-9]{3,4}))[0-9]{7,8}

Хотя нет никакой гарантии, что вводимые пользователем данные являются фактическими данными, контроль проверки может гарантировать правильность формата.


[Рис. 5-10. Страница предварительного просмотра]

Что касается элемента управления CompareValidator, его свойства заданы следующим образом: