Para los campos de mi vista ASP.NET MVC que se han atribuido según sea necesario, ¿hay alguna forma para que el marco represente automáticamente algún tipo de indicador de que el campo está marcado como requerido en los metadatos?Indicador de campo obligatorio ASP.NET MVC
Respuesta
debe ser capaz de hacer esto con CSS desde MVC3 añade en los atributos personalizados al elemento:
<input data-val="true" data-val-required="The Username field is required." id="Username" name="Username" type="text" value="" />
Usted puede teclear fuera necesario-data-val la de CSS, así:
de entrada [-requiere de datos-val] { fondo: rojo } o conjunto una imagen de fondo de un asterisco etc.
lo hice de esa manera porque mis campos obligatorios deben ser dinámicas (que se define en un archivo de configuración)
Añadir al final de la vista:
<script type="text/javascript">
$('input[type=text]').each(function() {
var req = $(this).attr('data-val-required');
if (undefined != req) {
var label = $('label[for="' + $(this).attr('id') + '"]');
var text = label.text();
if (text.length > 0) {
label.append('<span style="color:red"> *</span>');
}
}
});
</script>
M.A.G.I.C: D ¡Gracias! – Stian
Awesome-sauce. Esto funciona genial, ¡gracias! Vea mi comentario a continuación para una expansión que incluye más tipos de campo. – dadwithkids
Sugeriría poner esto en $ (documento) .Ready – shlgug
Adición de atributos HTML no es suficiente. Esto solo causará un error de validación de JavaScript. Si desea indicar que el campo es obligatorio, probablemente quiera agregarle un asterisco. Puedes hacerlo por medio del método de extensión de HtmlHelper. Se puede encontrar una explicación detallada aquí
Aquí es uno que se adhiera un asterisco rojo a la derecha de cualquier cosa con el atributo 'data-val-required'.
<script type="text/javascript">
$('[data-val-required]').after('<span style="color:red; font-size: 20px; vertical-align: middle;"> *</span>');
</script>
que modifica la respuesta de Renato Saito para incluir más tipos de campo (todos los tipos de entrada y listas de selección) y utilizar el espacio de nombres de jQuery en lugar de los $ genérico. Aquí está mi revisión:
<script type="text/javascript">
// add indicator to required fields
jQuery('input,select').each(function() {
var req = jQuery(this).attr('data-val-required');
if (undefined != req) {
var label = jQuery('label[for="' + jQuery(this).attr('id') + '"]');
var text = label.text();
if (text.length > 0) {
label.append('<span style="color:red"> *</span>');
}
}
});
</script>
Una pequeña modificación se hace desde mi lado. En realidad, tenía claves principales (Columnas de identidad en DB). Eso no quería resaltar. Así que utilicé el fragmento de código a continuación para seleccionar solo los campos input[type=text]
que tienen el atributo requerido en la anotación.
$("[data-val-required]").not(":hidden").not(":radio").not(":checkbox").after('<span style="color:red;max-width:10px;min-height:30px;">*</span>');
- 1. ASP.Net MVC Indicador de carga en progreso
- 2. asp.net mvc TextAreaFor no está siendo validado como un campo obligatorio
- 3. campo obligatorio dentro de un acordeón jquery
- 4. Validador de campo obligatorio que no se activa
- 5. ASPNET MVC: ¿Por qué ModelState.IsValid es falso "El campo x es obligatorio" cuando ese campo tiene un valor?
- 6. Asp.Net Mvc Campo oculto de anotaciones de datos
- 7. Enrutamiento ASP.NET MVC con un parámetro obligatorio y un parámetro opcional?
- 8. Reemplazar el mensaje "este campo es obligatorio" en django admin
- 9. asp.net mvc - valor opcional/por defecto para el campo entero
- 10. Validación Asp.Net MVC - campos dependientes
- 11. asp.net mvc parámetro de identificación de enrutamiento
- 12. ASP.NET MVC: ¿Es suficiente la validación de anotación de datos?
- 13. ASP.NET MVC vs Spring MVC
- 14. Membresías de ASP.Net MVC
- 15. ASP.NET MVC vs. ASP.NET 4.0
- 16. ASP.NET MVP vs ASP.NET MVC
- 17. ASP.Net MVC vs ASP.Net Formularios
- 18. ASP.NET MVC Html.Encode - Nuevas líneas
- 19. ASP.NET-MVC 2 Anotaciones de datos StringLength
- 20. ASP.NET MVC Formato de hora oculta
- 21. Campo de correo electrónico del modelo de usuario de Django: cómo hacerlo obligatorio
- 22. ASP.NET MVC 4 rompe ASP.NET MVC 3 proyectos
- 23. ASP.NET MVC + Backbone.js, ¿tiene sentido esto? ¿ASP.NET MVC realmente necesario?
- 24. ASP.NET MVC RememberMe
- 25. XAML: ¿es obligatorio LayoutRoot?
- 26. TransactionScopeOption - Obligatorio o RequiresNew
- 27. jQuery Validar obligatorio Seleccionar
- 28. Las teclas de acceso en ASP.NET MVC
- 29. editEl campo de texto es obligatorio antes de pasar a otra actividad
- 30. ASP.NET MVC 3 Viewmodel Patrón
Solo lo agrega con javascript. –
Acabo de encontrar esto útil también. – KTF
Muy inteligente, me encantan las respuestas como esta –