सत्यापन दिखाएं यदि सत्यापन विफल रहता है

Question

मैं यह div दिखाना चाहता हूं कि फ़ॉर्म सत्यापन असफल है या नहीं।

<div class="alert"> 
    <strong>Warning!</strong> @Html.ValidationSummary(false, "Fix these errors:") 
</div> 

मैंने कोशिश की अंदर

if(! ViewData.ModelState.IsValid) 

लपेटा लेकिन जब पर्चे को जमा करने div प्रदर्शित नहीं है। शायद क्योंकि पोस्ट जेडरी सत्यापन के बाद पोस्ट नहीं है। प्रमाणीकरण तर्क ठीक लगता है, अगर मैं सभी गलत इनपुट फ़ील्ड को if-statement सत्यापन सारांश सूची हटा देता हूं।

मैं सत्यापन के आधार पर div की दृश्यता को कैसे टॉगल कर सकता हूं?

Answer 1

आप इस साधारण स्क्रिप्ट को लागू कर सकते हैं। यह बहुत परिष्कृत नहीं है, लेकिन यह चाल

$(document).ready(function() { 
    $('.alert').hide(); //hides the div on page load 
    $('#submit').click(function() { //assumes your submit button has id="submit" 
     $('.alert').show(); //shows the div when submit is clicked 
    }); 
}); 

आप देख सकते हैं, यह वास्तव में सत्यापन के बारे में परवाह नहीं है क्या करना चाहिए। जब सबमिट बटन क्लिक किया जाता है तो यह बस 'अलर्ट' div दिखाई देता है। अगर सत्यापन त्रुटियां हैं, तो div आपकी चेतावनियों के साथ दिखाएगा। यदि फॉर्म मान्य है, तो मैं ताज़ा कर रहा हूं, या रीडायरेक्ट कर रहा हूं, इसलिए div को वास्तव में दिखाने का मौका नहीं मिलेगा।

Answer 2

अद्यतन

मैं स्वीकार किए जाते हैं जवाब दुबारा लिखा। यदि सर्वर कनेक्शन धीमा है तो त्रुटि अनुरोध सर्वर अनुरोध के दौरान दिखाई देगा। यहां तक ​​कि अगर कोई त्रुटि नहीं है। मैंने इसे सबमिट करने के लिए यह बदल दिया कि फ़ॉर्म सबमिट करते समय फॉर्म वैध है या नहीं। यह कोड स्निपेट मानता है कि आपके पास एक फॉर्म है।

$(document).ready(function() { 
    $(".alert").hide(); //hides the div on page load 

    $("form").submit(function() { 
     if (!$(this).valid()) { 
      $('.alert').show(); 
     } 
    });   
});