Controles de Validación en ASP.NET

Buenas a todos.

Esa noche quiero hablarles de los controles de validación que vienen para usar en ASP.NET con Visual Studio desde sus comienzos y hasta las nuevas visiones. Particularmente me gustan estos controles, que los prefiero por encima de la validación de ofrece Jquery con su plugin, para mas información en blog tengo una seria de artículos que lo podrán ayudar.

Bueno lo primero cuando creamos nuestro proyecto web, vamos a nuestra toolbox y vamos a nuestro tab de validation y vemos lo siguiente.

image

Como ven son una serie de controles que nos van a permitir hacer una validación de otros controles por ejemplo texbox,listbox,dropdownlist ..etc, son controles para los cuales validaremos todas las posibles entrada de datos a nuestra aplicación.

Los tipos de controles de validación son los siguientes.

  • CompareValidator: Compara el valor especificado por el usuario en un control de entrada con el valor especificado en otro control de entrada o con un valor constante.
  • CustomValidator: Realiza una validación definida por el usuario en un control de entrada.
  • RangeValidator: Comprueba si el valor de un control de entrada está comprendido en un intervalo especificado de valores.
  • RegularExpressionValidator: Comprueba si el valor de un control de entrada asociado coincide con el modelo especificado por una expresión regular.
  • RequiredFieldValidator: Convierte el control de entrada asociado en un campo obligatorio.
  • ValidationSummary: Muestra un resumen de todos los errores de validación en línea en una página Web, en un cuadro de mensaje o en ambos.

El funcionamiento es algo sencillo, cada control de validación tiene una propiedad ControlToValidate que lo que hace es vigilar el control al cual voy a validar la entrada de dato.

En esta entrada vamos a ver el control mas común, el RequiredFieldValidator ya que la validación mas común es garantizar por lo menos que todos los datos pedidos por la aplicación, sean diligenciados.

Para no ir tan lejos en el ejemplo, vamos a usar la pagina Login que se crea automáticamente con nuestro proyecto.

   1: <span class="failureNotification">

   2:     <asp:Literal ID="FailureText" runat="server"></asp:Literal>

   3: </span>

   4: <asp:ValidationSummary ID="LoginUserValidationSummary" runat="server" CssClass="failureNotification" 

   5:      ValidationGroup="LoginUserValidationGroup"/>

   6: <div class="accountInfo">

   7:     <fieldset class="login">

   8:         <legend>Account Information</legend>

   9:         <p>

  10:             <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">Username:</asp:Label>

  11:             <asp:TextBox ID="UserName" runat="server" CssClass="textEntry"></asp:TextBox>

  12:             <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName" 

  13:                  CssClass="failureNotification" ErrorMessage="User Name is required." ToolTip="User Name is required." 

  14:                  ValidationGroup="LoginUserValidationGroup">*</asp:RequiredFieldValidator>

  15:         </p>

  16:         <p>

  17:             <asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password">Password:</asp:Label>

  18:             <asp:TextBox ID="Password" runat="server" CssClass="passwordEntry" TextMode="Password"></asp:TextBox>

  19:             <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password" 

  20:                  CssClass="failureNotification" ErrorMessage="Password is required." ToolTip="Password is required." 

  21:                  ValidationGroup="LoginUserValidationGroup">*</asp:RequiredFieldValidator>

  22:         </p>

  23:         <p>

  24:             <asp:CheckBox ID="RememberMe" runat="server"/>

  25:             <asp:Label ID="RememberMeLabel" runat="server" AssociatedControlID="RememberMe" CssClass="inline">Keep me logged in</asp:Label>

  26:         </p>

  27:     </fieldset>

  28:     <p class="submitButton">

  29:         <asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="Log In" ValidationGroup="LoginUserValidationGroup"/>

  30:     </p>

  31: </div>

Revisemos el código.

   1: <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName" 

   2: CssClass="failureNotification" ErrorMessage="User Name is required." ToolTip="User Name is required." 

   3: ValidationGroup="LoginUserValidationGroup">*</asp:RequiredFieldValidator>

ControlToValidate="UserName": es el control al cual voy a validar.
CssClass="failureNotification": bueno es para darle un poco de color con las hojas de estilos.
ErrorMessage="User Name is required.": el mensaje que vamos a mostrar.
ValidationGroup="LoginUserValidationGroup": es para validar un grupo especifico de controles. “Esto es cuando tenemos hartos controles y queremos dividirlo”
image

Bueno espero que les haya servidor.

Nota: Seguiremos con los demás controles en  nuestro próximo post.

Saludos. Romny

Publicado por

Romny Duarte

Ingeniero de sistemas con experiencia en desarrollo web y móvil, geek, amante de la lectura y de la tecnología.

Un comentario en “Controles de Validación en ASP.NET”

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *