2012-07-30 19 views
5

के शीर्ष पर Jquery.Validate त्रुटि संदेश मैं सोच रहा था कि अलग-अलग फ़ील्ड संदेशों के बजाय फ़ॉर्म के ऊपर एक त्रुटि संदेश कैसे प्रदर्शित किया जाए। मैं जानता हूँ कि यह हैंडल के साथ कुछ लेकिन यकीन नहीं वास्तव में कैसे या जहाँ उन्हें डाल करने के लिएप्रपत्र

<script> 
    $(document).ready(function(){ 
    $("#valform").validate(); 
    }); 
    </script> 

इस कोड को मेरे पास है है कि सभी डिफ़ॉल्ट सत्यापन का उपयोग करता है कि इस प्रपत्र http://jquery.bassistance.de/validate/demo/marketo/step2.htm

है

उत्तर

3

इस कार्यक्षमता के लिए आपको invalidHandler का उपयोग करना चाहिए। कुछ इस तरह करना चाहिए:

$("#myform").validate({ 
    invalidHandler: function(form, validator) { 
     var errors = validator.numberOfInvalids(); 

     if (errors) { 
      $("#error-message").show().text("You missed " + errors + " field(s)"); 
     } else { 
      $("#error-message").hide(); 
     } 
    } 
}); 

उदाहरण:

: http://jsfiddle.net/KheRr/1/

आप डिफ़ॉल्ट त्रुटि संदेश छुपाना चाहते हैं, तो आप क्षेत्र और मान्यता प्रकार के लिए त्रुटि संदेश के रूप में "" निर्दिष्ट करना चाहिए

$("#myform").validate({ 
    invalidHandler: function(form, validator) { 
     var errors = validator.numberOfInvalids(); 

     if (errors) { 
      $("#error-message").show().text("You missed " + errors + " field(s)"); 
     } else { 
      $("#error-message").hide(); 
     } 
    }, 
    messages: { 
     field1: { 
      required: "" // You'll have to do this for each field and validation type. 
     } 
    } 
}); 

उदाहरण:http://jsfiddle.net/KheRr/2/

+0

धन्यवाद, एक और बात, मैं प्रत्येक फ़ील्ड पर दिखाए गए डिफ़ॉल्ट त्रुटि संदेशों को कैसे छिपा सकता हूं? – user1532944

+0

बस इसे जोड़ने वाला था! एक क्षण... –

संबंधित मुद्दे