Validierung Fehlermeldung mit Ausrufezeichen in MVC

Question

ich auf einer MVC-5 Ansicht Entwurf arbeite, wo ich Fehlermeldungen müssen, bevor sie mit Ausrufezeichen/Bild angezeigt werden, wie here

Ist es möglich, mit @Html zu tun .ValidationMessageFor() Validierungsnachrichten, mit Ausrufezeichen/Bild (responsive) zu zeigen?

Ich habe versucht glyphicon vor der Validierung Nachricht hinzufügen,

@Html.TextBoxFor(m => m.Email, new { @class = "form-control text-line", @placeholder = "Email Id *" }) 
<i class="glyphicon glyphicon-exclamation-sign colorRed"></i>@Html.ValidationMessageFor(m => m.Email, "", new { @class = "text-danger" }) 

Frage:
1. wie oben Implementierung, zeigt immer den Ausruf glyphicon, ich brauche es nur angezeigt werden, wenn auftritt Validierungsfehler.
2. Gibt es eine andere Möglichkeit, Skripte oder Stile zu verwenden, um dies mit benutzerdefinierten Symbolbildern zu erreichen?

Answer 1

können Sie CSS für Add Hintergrundbild auf Ihre Fehlermeldung

.text-danger{ 
background-image: url('dangerimg.png'); 
    background-position: left center; 
    background-repeat: no-repeat; 
    padding-left: 20px; 
} 

, wenn Sie Zeichen vor Fehlermeldung hinzufügen möchten Sie

.text-danger::before { 
    content:'!'; 
    } 

Answer 2

.field-validation-error:before { 
content: url('../images/image.png'); 
} 

Das funktionierte Bild anzuzeigen nur verwenden können, wenn ein Fehler auftritt, wie von Stephen Muecke

.text-danger{ 
content: url('../images/image.png'); 
} 

.text-danger class zeigt das Bild an, auch wenn kein Fehler vorliegt.