bordure rouge autour TextBox lorsque la validation échoue

Question

J'utilise ASP.NET MVC 2.

Html.DropDownListFor et Html.TextAreaFor automatiquement obtenir des bordures rouges lorsque la validation échoue. Comment faire pour rendre les quatre bordures d'un TextBox (utilisant Html.TextBoxFor) rouge quand il échoue la validation?

Par exemple, j'ai un TextBox qui est requis et lorsque l'utilisateur soumet le formulaire sans spécifier de valeur dans la zone de texte, je veux que la zone de texte ait des bordures rouges.

Answer 1

Lorsque la validation échoue pour une propriété de modèle, elle ajoute une classe à l'entrée dans le code HTML. Jetez un coup d'œil sur le fichier html rendu lorsque la validation échoue (en utilisant la source de vue ou le firebug) et vérifiez la classe pour votre entrée *. Ensuite, éditez votre CSS pour inclure un style pour la validation échouée.

E.g. Dans mon projet, j'ai:

input.input-validation-error, 
textarea.input-validation-error, 
select.input-validation-error 
{ 
    background: #FEF1EC; 
    border: 1px solid #CD0A0A; 
} 

HTHS,
Charles

* Je suis assez sûr ASP.NET MVC ajouter par défaut la classe input-validation-error.

Answer 2

Tout ce que vous devez faire est le CSS ci-dessous:

.input-validation-error { 
    border: 1px solid #ff0000; 
    background-color: #ffeeee; 
}