Cómo usar los controles de validación ASP.NET desde Visual Basic .NET o desde Visual Basic 2005

Seleccione idioma Seleccione idioma
Id. de artículo: 316662 - Ver los productos a los que se aplica este artículo
Expandir todo | Contraer todo

En esta página

Resumen

.NET Framework contiene diversos controles de validación que, cuando se colocan en una página Web ASP.NET, validan los datos del usuario especificados en los campos de los controles y muestran mensajes de error asociados para cada control. En este artículo se explica cómo puede usar controles de validación ASP.NET para implementar rápida y fácilmente un método de validación de la entrada del usuario en el cliente y el servidor.

Requisitos

En la lista siguiente se describe el hardware, el software, la infraestructura de red y los Service Pack recomendados que necesitará:
  • Visual Studio .NET Beta 2005 o posterior
  • Servicios de Microsoft Internet Information Server (IIS) 5.0 o posterior
En este artículo se da por supuesto que está familiarizado con los temas siguientes:
  • Aplicaciones web
  • ASP.NET

Usar los controles de validación ASP.NET desde Visual Studio .NET

La validación de los datos introducidos por el usuario puede ser una tarea compleja. .NET Framework proporciona controles de validación que validan los datos del usuario y muestran mensajes de error apropiados siempre que se encuentra un dato no válido en alguno de ellos. Esto permite ahorrar mucho tiempo cuando se necesita duplicar esta validación en el cliente y en el servidor. Además, se proporciona un control ValidationSummary para mostrar todos los mensajes de error de una página en un área de la pantalla.

Los pasos siguientes permiten crear una aplicación web ASP.NET que pide al usuario el nombre de usuario, la dirección de correo electrónico y la contraseña. Cuando el usuario envía la información solicitada, los controles de validación del formulario validan los datos especificados por el usuario y muestran los mensajes de error en una lista resumida en la parte inferior de la pantalla.
  1. Inicie Visual Studio .NET o Visual Studio 2005.
  2. Cree un nuevo proyecto Web ASP.NET en Visual Basic .NET o en Visual Basic 2005.
  3. Cambie a la vista HTML de la ventana WebForm1.aspx.
  4. Agregue controles de entrada y los mensajes asociados al formulario para solicitar datos al usuario. En la ventana HTML de WebForm1, copie y pegue el código siguiente entre las etiquetas de apertura y cierre del formulario.

    Nota
    Cuando pegue código en la ventana HTML, es importante pegar los segmentos de código como HTML. Para ello, seleccione Pegar como HTML en el menú contextual.
    <table>
    <tr width=100>
    <td>UserName:</td>
    <td><input id=txtUserName type=text size=20 maxlength=15 runat=server/>*
    </td>
    </tr>
    
    <tr width=100>
    <td>E-mail Address:
    <td><input id=txtEmail type=text size=35 maxlength=30 runat=server/>  (someone@microsoft.com)
    </td>
    </tr>
    
    <tr width=100>
    <td>Password:</td>
    <td><input id=txtPassword type=password size=15 maxlength=10 runat=server/>*
    </td>
    </tr>
    
    <tr width=100>
    <td>Retype Password:</td>
    <td><input id=txtConfirmPassword type=password size=15 maxlength=10 runat=server/>*
    </td>
    </tr>
    </table>
    					
  5. Los controles RequiredFieldValidator comprueban que se haya especificado algún valor para el campo que especifica el control. Agregue controles RequiredFieldValidator al formulario para los campos UserName y Password.

    En la ventana HTML de WebForm1, copie y pegue el código siguiente después de la etiqueta </table>.
    <asp:RequiredFieldValidator id=valUserNameRequired 
    ControlToValidate=txtUserName ErrorMessage="UserName is a required field." EnableClientScript=true Display=None Runat=server/>
    		<asp:RequiredFieldValidator id=valPasswordRequired 
    ControlToValidate=txtPassword ErrorMessage="Password is a required field." EnableClientScript=true Display=None Runat=server/>
    		<asp:RequiredFieldValidator id=valConfirmPasswordRequired 
    ControlToValidate=txtConfirmPassword ErrorMessage="Password confirmation is a required field."
    EnableClientScript=true Display=None Runat=server/>
    					
  6. Los campos de contraseña se comprueban generalmente exigiendo que el usuario escriba la misma contraseña dos veces. El control CompareValidator compara el contenido de dos campos de entrada y genera un mensaje de error si no coinciden. Use un control CompareValidator para validar los campos de contraseña.

    En la ventana HTML de WebForm1, copie y pegue el código siguiente después de los controles de validación agregados en el paso 5:
    <asp:CompareValidator id=valComparePassword 
    ControlToValidate=txtConfirmPassword ErrorMessage="Password fields must match." ControlToCompare=txtPassword Display=None
    EnableClientScript=true Runat=server/>
    					
  7. Hay campos que a veces requieren una validación más personalizada, por ejemplo, un campo de dirección de correo electrónico. El control RegularExpressionValidator garantiza que se sigue el formato básico de alguien@microsoft.com. El contenido del campo se prueba con respecto a una expresión regular y, si no se efectúa una coincidencia con la expresión, el usuario recibe un mensaje de error. Agregue un control RegularExpressionValidator para validar el formato de la dirección de correo electrónico que proporcione el usuario.

    En la ventana HTML de WebForm1, copie y pegue el código siguiente después de los controles de validación anteriores:
    <asp:RegularExpressionValidator ID=valEmailAddress
    ControlToValidate=txtEmail	ValidationExpression=".*@.*\..*" ErrorMessage="Email address is invalid." 
    Display=None EnableClientScript=true Runat=server/>
    					
  8. Agregue un botón Enviar para permitir al usuario enviar la página al servidor y validar el contenido de los controles en el formulario.

    En la ventana HTML de WebForm1, copie y pegue el código siguiente después de los controles de validación anteriores:
    <br>
    <input type=submit id=cmdSumbit value=submit runat=server/>
    					
  9. Finalmente, se usa un control ValidationSummary para mostrar todos los errores encontrados en una única área del formulario.

    En la ventana HTML de WebForm1, copie y pegue el código siguiente después del código del botón Enviar:
    <br><br>
    <asp:ValidationSummary id=ValSummary HeaderText="The following 
    errors were found:" ShowSummary=True DisplayMode=List Runat=server/>
    					
  10. Haga clic en Guardar.
  11. En el menú Depurar, haga clic en Iniciar para generar y ejecutar la aplicación.

    Form1 se mostrará en la pantalla.

Comprobación

  • Si el usuario hace clic en Enviar sin especificar ningún valor de entrada, se deben mostrar los tres mensajes de error de campo requerido.
  • Si el usuario envía dos valores de contraseña que no coinciden, se debería mostrar el mensaje de error "Los campos de contraseña deben coincidir".
  • Si el usuario envía una dirección de correo electrónico que no tiene el formato adecuado, se debe mostrar el mensaje de error "La dirección de correo electrónico no es válida".

Referencias

Para obtener más información y recursos relativos a los controles de validación, vaya a los siguientes sitios web de MSDN:
Introducción a los controles de validación
http://msdn2.microsoft.com/es-es/library/2e4hd649.aspx

Controles de servidor de validación
http://msdn2.microsoft.com/en-us/library/e5a8xz39(VS.71).aspx

Agregar y configurar un control ValidationSummary
http://msdn2.microsoft.com/en-gb/library/wze2wh7t(VS.71).aspx

Propiedades

Id. de artículo: 316662 - Última revisión: viernes, 23 de marzo de 2007 - Versión: 4.2
La información de este artículo se refiere a:
  • Microsoft ASP.NET 1.0
  • Microsoft Visual Basic .NET 2002 Standard Edition
  • Microsoft Visual Studio .NET 2002 Professional
  • Microsoft Visual Studio .NET 2002 Enterprise Architect
  • Microsoft Visual Studio .NET 2002 Enterprise Developer
  • Microsoft Visual Studio .NET 2002 Academic Edition
  • Microsoft Visual Basic .NET 2003 Standard Edition
  • Microsoft Visual Basic 2005
  • Microsoft Visual Studio .NET 2003 Academic Edition
  • Microsoft Visual Studio .NET 2003 Enterprise Architect
  • Microsoft Visual Studio .NET 2003 Enterprise Developer
  • Microsoft Visual Studio .NET 2003 Professional
  • Microsoft Visual Studio 2005 Professional Edition
  • Microsoft Visual Studio 2005 Standard Edition
Palabras clave: 
kbvs2005applies kbvs2005swept kbhowtomaster kbinfo kbvalidation KB316662

Enviar comentarios

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com