jQuery मान्य है, लेकिन केवल प्रारंभिक जमा करने के बाद

Question

मैं अपने सभी फ़ॉर्म सत्यापन के लिए बहुत अच्छा है bassistance सत्यापन प्लगइन का उपयोग कर रहा जरूरत: http://bassistance.de/jquery-plugins/jquery-plugin-validation/

एक समस्या मैं मुठभेड़: त्रुटि संदेश तुरंत दिखाई देते हैं, यदि कोई उपयोगकर्ता नहीं है, तब भी जब एक क्षेत्र को पूरा करना समाप्त हो गया। इस प्रकार: अवैध ई-मेल तब तक प्रकट होता है जब तक कि उपयोगकर्ता टाइपिंग समाप्त नहीं कर लेता है।

प्रलेखन here में, एक समाधान onkeyup से false पर सेट करना है जिससे त्रुटि संदेश केवल ऑनब्लर दिखाई देते हैं।

हालांकि, में मेरे सेटअप, मैं दो अतिरिक्त समस्या (ऊपर समाधान द्वारा हल नहीं)

1. जब उन्हें
2. जब सही करने मुठभेड़ गलत पर्चे को जमा करने पर, त्रुटि संदेश साफ नहीं कर रहे हैं ब्राउज़र ऑटोफिल फ़ंक्शन का उपयोग किया जाता है, स्वचालित रूप से फ़ील्ड भरने के लिए गलत के रूप में चिह्नित किया जाता है।

तो, मेरा प्रारंभिक प्रश्न था: मैं पहले सबमिट के बाद केवल बासिस्टेंस सत्यापन आग कैसे बना सकता हूं और वहां से इसकी डिफ़ॉल्ट सेटिंग्स के साथ कैसे कर सकता हूं?

if($('#contact_form').length) { 
    $("#contact_form").validate({ 
     rules: { 
      first_name: { 
       required: true 
      }, 
      last_name: { 
       required: true 
      }, 
      message: { 
       required: true 
      }, 
      telephone: { 
       required: true 
      },    
      email: { 
       required: true, 
       email: true 
      }, 
      email_again: { 
       required: true, 
       email: true, 
       equalTo: "#email" 
      }, 
      norobot: { 
       required:true, 
       minlength:4, 
       maxlength:4, 
       number:true  
      } 
     } 
    }); 
} 

कृपया पूर्ण जावास्क्रिप्ट यहाँ मिल: http://lad.chocolata.be/nl/contact

प्रपत्र जमा करने के बाद: http://lad.chocolata.be/js/main.js

यहाँ बग के साथ एक काम कर उदाहरण onkeyup सेट false के साथ है

यहाँ मेरी कोड है कुछ अमान्य फ़ील्ड के साथ, त्रुटि संदेश उन्हें सही करने पर स्पष्ट नहीं होते हैं।

मुझे क्या याद आ रही है?

Answer 1

उद्धरण ओपी:"तो, सादा और सरल, मेरे सवाल है: कैसे मैं पहली बार प्रस्तुत करने के बाद ही और इसे बाहर पर वहाँ से डिफ़ॉल्ट सेटिंग्स के साथ Bassistance सत्यापन आग कर सकते हैं"

पाठक के लिए चेतावनी: आम तौर पर, एक डोम पर .validate()एक बार फोन प्रपत्र को प्रारंभ करने के लिए तैयार हैं। नीचे दिया गया कोड केवल .validate()एक बार पर सबमिट करता है जब सबमिट बटन प्रारंभ में दबाया जाता है ... इसलिए, सत्यापन तब तक होगा जब तक कि उस बटन को पहली बार दबाया न जाए।

.validate() को एक से अधिक बार कॉल करने की आवश्यकता नहीं है, इसलिए मैंने jQuery one() event का उपयोग किया।

$(document).ready(function() { 

    $('#submit').one('click', function() { 
     $('#myform').validate({ 
      // your rules & options 
     }); 
    }); 

}); 

कार्य डेमो:

http://jsfiddle.net/hSDyP/

Answer 2

मैं एक सामान्य समाधान लिखा valitation लागू करने के लिए जब तक पहले सबमिट होता है से बचने के लिए। बस अपनी स्क्रिप्ट को जोड़ने के बाद इस कोड का उपयोग 'jquery.validate.js':

(function($){ 

var _validate = $.fn.validate; 

$.fn.validate = function(){ 
    var result, args = Array.prototype.slice.apply(arguments); 
    this.each(function(){ 
     var $this = $(this), 
      lazyValidate = $this.data('lazy-validate'); 
     // Lazy validation has been initialized: just delegate 
     if(lazyValidate === true){ 
      result = _validate.apply($this, args); 
      return; 
     } 
     // Init, if not yet 
     if(!lazyValidate){ 
      // Create Lazy Form 
      lazyValidate = $('<form />')[0]; 
      $this.data('lazy-validate', lazyValidate); 
      // Add One-Time submit handlder 
      $this.one('submit.lazy-validate', function(){ 
       var $this = $(this); 
       // Apply validation options now 
       _validate.call($this, $(lazyValidate).data('validator').settings); 
       // Mark lazy validation has initialized 
       $this.data('lazy-validate', true); 
       // Test Valid 
       return $this.valid(); 
      }); 
     } 
     // Apply Method to Lazy Form 
     result = _validate.apply($(lazyValidate), args); 
    }); 
    return result === undefined ? this : result;   
}; 

})(jQuery); 

ध्यान रखें कि समाधान यदि आप क्षेत्र के तरीकों का उपयोग कर रहे हैं काम नहीं होगा:) नियम (, removeAttrs()।

अंत में, मुझे लगता है कि यह कार्यक्षमता वैल्यूशन प्लगइन में एक साधारण मान्य() विकल्प के रूप में शामिल की जानी चाहिए; लेकिन तब तक मैं अभी भी इस चाल का उपयोग करूँगा।