Cambie la clase CSS de una entrada de error de validación con la maquinilla de afeitar

En mi aplicación ASP MVC 3, tengo esta formaCambie la clase CSS de una entrada de error de validación con la maquinilla de afeitar

@using (Html.BeginForm()) 
    { 
    <input id="Username" name="UserName" type="text" value="Username" class="form-text" /> 
    <input id="PasswordTxt" name="PasswordTxt" type="text" value="Password" class="form-text" /> 
    <input id="Password" name="Password" type="password" class="form-text" style="display: none"/> 
    <input id="bt_login" type="submit" value="Log in" class="bt_login" /> 
    <div class="login_lbl_error"> 
     @Html.ValidationSummary() 
    </div> 
    }

quiero cambiar la clase de cada campo de texto erróneo "login_lbl_error".

¿Alguna idea?

Gracias.

Fuente

2012-03-28 kbaccouche

¿trató de usar jQuery para cambiar su clase a partir de la entrada ** validación de errores ** a lo que usted necesita? –

Oh, no sabía acerca de este error de validación de entrada, ¿tengo que hacerlo en un determinado evento? – kbaccouche

Puede adjuntar un controlador al evento de envío de su formulario, allí puede cambiar todas las entradas con esa clase a login_lbl_error. Como alternativa, puede simplemente usar "input-validation-error" :) –

Con MVC3, una clase de CSS input-validation-error se agregará automáticamente a los elementos de entrada que tienen errores de validación.

tanto en su CSS puede estilo de esta clase:

.input-validation-error 
{ 
    color:red; 
}

Fuente

2012-03-28 08:50:53 Curt

y hay ¿No hay manera de anular ese nombre de clase? – Ayyash

@Ayyash No puede anular el nombre de la clase CSS como tal, pero puede aplicar otros adicionales cuando se produce un error. Ver mi respuesta en http://stackoverflow.com/questions/11468130/twitter-bootstrap-integration-to-asp-net-mvc-validation/21167935#21167935 –

Por defecto MVC añade la entrada de validación de errores y el campo de validación de errores, puede utilizar jQuery para anular estas clases:

<script type="text/javascript"> 
 
    $(document).ready(function(){ 
 
     $('.input-validation-error').addClass('CustomErrorClass').removeClass('input-validation-error'); 
 
     $('.field-validation-error').addClass('CustomErrorClass').removeClass('field-validation-error'); 
 
    }); 
 
</script>

Fuente

2016-01-06 10:59:22

Cambie la clase CSS de una entrada de error de validación con la maquinilla de afeitar

Respuesta

Cuestiones relacionadas