DreamwaverMX y ASP.NET(5)

para configurar cuadros de entrada para ingresar datos. ASP.NET tiene un control de cuadro de texto para aceptar datos. La sintaxis es la siguiente:

< asp:textbox id=”…” runat=”servidor” otros atributos/>

En DreamweaverMX puedes hacer clic Botón de acceso directo para agregar control de cuadro de texto. En el cuadro de diálogo emergente, configure la ID, el modo de texto (tipo de cuadro de diálogo), la información sobre herramientas (la indicación cuando el mouse se coloca sobre el control), el Diseño (diseño de estilo) y la Información de estilo (utilizada para configurar la entrada). formato de texto y formato de borde de cuadro de texto) para configurar el control. La siguiente imagen es el cuadro de diálogo de configuración del cuadro de texto.


[Figura 5-3 cuadro de diálogo de configuración del cuadro de texto 1]

[Figura 5-4 cuadro de diálogo de configuración del cuadro de texto 2]


[Figura 5-5 cuadro de diálogo de configuración del cuadro de texto 3]

Dado que el elemento de datos COMENTARIO requiere que se ingrese una gran cantidad de texto, se debe usar un cuadro de texto con múltiples líneas de entrada. Simplemente configure el modo de texto en MultiLine e ingrese el número deseado de filas (Filas).

Para generar el evento agregado, también se necesita un botón. Haga clic en la pestaña Formularios y haga clic en el botón "botón" para agregar.

Uso de la validación de datos STEP2

Dado que se deben ingresar Nombre, Apellido, teléfono y correo electrónico, para evitar que el usuario se olvide de ingresar, puede agregar el control RequiredFieldValidator para verificar el control. Dado que el control mostrará contenido que no pasa la verificación en su ubicación en caso de errores de validación, el control de validación de datos debe colocarse en la ubicación adecuada.

La sintaxis de control para la validación de datos de RequiredFieldValidator es la siguiente:

< asp:RequiredFieldValidato otros atributos runat="servidor" >Mensaje de error</ asp:RequiredFieldValidator >

o

< asp:RequiredFieldValidator ErrorMessage="Mensaje de error" Otros atributos runat="servidor"/>

Después de hacer clic en Más etiquetas, seleccione Servidor de validación de etiquetas ASP.NET y podrá ver que hay diferentes tipos de controles de validación de datos para elegir. Necesitamos agregar el control de validación asp:RequiredFieldValidator detrás del cuadro de entrada First_name.

En la ventana de configuración del control RequiredfieldValidator, Control para validar es el ID del control de entrada asociado con este control de validación de datos y Mensaje de error es el mensaje que se muestra cuando falla la validación de datos. Al mismo tiempo, podemos seleccionar el estilo requerido configurando la información de diseño y estilo.


[Figura 5-6 Selección de control de validación]


[Figura 5-7 Cuadro de diálogo de configuración del control Validador de campo requerido]

Al mismo tiempo, agregue otro control de validación de datos RequiredFieldValidato usando el mismo método detrás del cuadro de entrada Apellido. Ahora podemos guardar y obtener una vista previa de la página. Cuando no se ingresan datos en los cuadros de entrada Nombre y Apellido y se hace clic en el botón Enviar, aparecerá un mensaje de error de verificación. Como se muestra en la Figura 5-8.

Pero muchas veces necesitamos verificar datos válidos. Por ejemplo, el código postal debe tener 6 dígitos y la dirección de correo electrónico ingresada debe estar en un formulario específico. Aquí debe utilizar RegularExpressionValidator para verificar la validez de los datos. En esta página de registro, tanto el teléfono como el correo electrónico pueden utilizar este control para su verificación.


[Figura 5-8 Cuadro de diálogo Validador de campo requerido]

[Figura 5-9 Propiedades de configuración de correo electrónico]

De manera similar al método para agregar el control de validación RequiredfieldValidator, haga clic en "Más etiquetas..." para elegir agregar el control de validación de datos. La diferencia es establecer la expresión de validación. Dado que el teléfono debe ingresar entre 7 y 10 dígitos, debe configurarse de la siguiente manera:

[0-9]{7,10}

Su sintaxis es la siguiente:

[]: Se utiliza para definir caracteres aceptables. Por ejemplo, az significa que las minúsculas 'a'-'z' son caracteres aceptables, a-zA-Z significa que todas las letras son aceptables y 0-9 significa que todas las letras son aceptables. número.

{}: se utiliza para definir la cantidad de caracteres que se deben ingresar, {7,10} significa que se pueden ingresar de 7 a 10 caracteres, {0,} significa que se pueden aceptar 0 caracteres ilimitados.

'.': Indica ingresar cualquier carácter. .{0,} significa que 0: infinitamente cualquier número de caracteres son aceptables.

|: Indica OR (o), por ejemplo, [A-Za-z]{3}|[0-9]{3} significa que se pueden aceptar 3 letras en inglés o 3 números

(): Para facilitar la lectura, las cadenas que contienen el símbolo | suelen estar encerradas entre (). Por ejemplo ([A-Za-z]{3}|[0-9]{3}).

: Si contiene símbolos especiales como [], {}, (), |, etc., se debe agregar antes de estas cadenas.

Los siguientes son algunos de los ejemplos más utilizados:

Correo electrónico: .{1,}@.{1,}/..{1}

Teléfono (incluido el código de área): ([0-9]{3,4}))[0-9]{7,8}

Aunque no hay garantía de que la entrada del usuario sean los datos reales, el control de validación puede garantizar que el formato sea correcto.


[Figura 5-10 Página de vista previa]

En cuanto al control CompareValidator, sus propiedades se establecen de la siguiente manera: