ValidationSummary और ValidationMessageFor कस्टम सीएसएस के साथ दिखाया गया कोई त्रुटि वर्तमान

Question

एक बार मैं ValidationSummary और ValidationMessageFor करने के लिए कस्टम सीएसएस लागू किया जब यह तब भी जब कोई त्रुटि नहीं है पृष्ठ पर दिखाई देता है। सीएसएस एक छवि है।

कैसे जब कोई त्रुटि नहीं है मैं सारांश और त्रुटियों को छिपाने के हैं?

@Html.ValidationSummary("", new { @class = "required" }) 
@Html.ValidationMessageFor(m => m.UserName, null, new { @class = "required" }) 


.required { 
    background-image: url(/images/required.jpg); 
    background-repeat: no-repeat; 
    height: 33px; 
    width: 386px; 
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-size: 13px; 
    font-weight: bold; 
    color: #1eb4ec; 
    padding-top: 16px; 
    padding-left: 54px; 
    margin-left: 30px; 
} 

Answer 1

वहां पहले से ही इन के लिए सीएसएस प्रकार में निर्माण कर रहे हैं:

/* Styles for validation helpers 
-----------------------------------------------------------*/ 
.field-validation-error { 
    color: #ff0000; 
} 

.field-validation-valid { 
    display: none; 
} 

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

.validation-summary-errors { 
    font-weight: bold; 
    color: #ff0000; 
} 

.validation-summary-valid { 
    display: none; 
} 

MVC3 परियोजनाओं के लिए डिफ़ॉल्ट सीएसएस फ़ाइल में

। ये इसलिए दिखाए उचित रूप से करता है, तो ModelStateProperty निर्दिष्ट या किसी बिल्कुल ValidationSummary के लिए के लिए उसमें कोई त्रुटि है पर आधारित हैं। कोई त्रुटि ModelState में मौजूद हैं तो display:none;.field-validation-valid से त्रुटियों छुपा देगा।

Answer 2

हम अपने ValidationMessagesFor सहायकों पर आवश्यक

<li> 
        <label for="NameFirst">First Name <span>* Required</span></label> 
        <span class="field-container"> 
         @Html.TextBoxFor(m => m.FirstName, new { required = "required", data_type="name" }) 
         @Html.ValidationMessageFor(m => m.FirstName) 
        </span> 
       </li>