asp.net mvc styles de validation coloration au lieu d'astérisques

Question

Le comportement typique de la validation est quand il y a une erreur d'affichage d'un astérisque gauche/droite/sous le contrôle en cours de validation. Cela nous oblige à planifier l'espace qui sera utilisé par ces contrôles de validation (qu'il s'agisse d'un message * ou d'un message plus long) et, par conséquent, de diverses solutions de piratage ou de contournement en HTML ou en CSS. Ce que je voudrais avec la validation intégrée de ASP.NET MVC est de ne pas afficher de nouveaux éléments, mais de simplement styler ceux qui existent déjà (comme changer la couleur du contrôle de la boîte de texte dont la validation a échoué). De cette façon, la conception et la disposition de la page Web restent intactes.

Comment puis-je y parvenir?

Answer 1

Vous pouvez ajouter un style à votre css comme ceci:

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

Vous aussi vouloir supprimer tout @ Html.ValidationMessageFor (...) ou @ Html.ValidationMessage (...) à partir de votre vues.