Agregar un asterisco a los campos requeridos en MVC 4

Se desea que los campos requeridos de una vista en MVC 4 sean marcados con un asterisco al final para que el usuario sepa cuáles campos tiene que capturar en forma forzosa y no saber hasta que la vista es grabada y validada.

Para ello podemos incrustar el código siguiente en javascript al final de la vista:

<script type="text/javascript">
$('[type!=\'hidden\'][data-val-required]').after('<span style="color:red; font-size: 20px; vertical-align: middle;">*</span>');
</script>

MVC 4 asigna el atributo “data-val-required” a los campos o controles que son requeridos. Con jquery podemos encontrar esos controles e insertarles un asterisco al final. En el código anterior se excluyen los campos ocultos (hidden) para que no sea mostrado el asterisco en estos campos.

Existen otras formas como crear nuestro propio HtmlHelper, pero éste método se me hace el más práctico y rápido de implementar.

¡Saludos!

Un comentario en “Agregar un asterisco a los campos requeridos en MVC 4

Responder a Yanina Cancelar respuesta