फॉर्म विज़ार्ड का उपयोग करते समय jquery validate() को कैसे चलाएं?

Question

मैं एक मल्टीस्टेप पंजीकरण प्रक्रिया के लिए jQuery Form Wizard 3.0.4 plugin का उपयोग कर रहा हूं। यह अंतर्निहित jQuery सत्यापनकर्ता प्लगइन का उपयोग करता है, जो चरण-दर-चरण जाने पर ठीक काम कर रहा है। संपादित करें: इसका मतलब है कि मैं पहले से ही सत्यापन का उपयोग कर रहा हूं सक्षम: सत्य, फॉर्मऑप्शन, और सत्यापनऑप्शन, और ये काम कर रहे हैं। मुझे नियमित कार्यक्षमता के बाहर यह वही सत्यापन चलाने की जरूरत है।

समस्या यह है कि मुझे वैधता चलाने और दो बिंदुओं पर मैन्युअल रूप से त्रुटियों को दिखाने की आवश्यकता है। मेरे पास एक विशेष क्षेत्र के लिए, और AJAX जमा करने से पहले।

$("#registrationForm").validate(); 

प्रपत्र विज़ार्ड लिपि (jquery.form.wizard-3.0.4.js) जब अगले चरण पर जाने के लिए इस प्रदर्शन करती प्रतीत होने:

मैं निम्नलिखित है, जो कुछ नहीं करता है की कोशिश की है

this.element.validate().focusInvalid(); 

तो मैं इस की कोशिश की है, जो भी कुछ नहीं करता है:

$("#registrationForm").element.validate().focusInvalid(); 

कोई भी विचार?

1. मैं वही सत्यापन कैसे चला सकता हूं जो तब होता है जब मैं अगले चरण पर क्लिक करता हूं?
2. मैं एक फ़ंक्शन को कैसे कॉल करूं जो विशिष्ट फ़ील्ड के लिए त्रुटियों को मान्य करता है और दिखाता है?

Answer 1

मुझे लगता है कि नीचे दिया गया उदाहरण कोड शायद आपके लिए काम करना चाहिए, सत्यापन तब ट्रिगर होता है जब आईडी = "validate_form" वाला बटन या तत्व क्लिक किया जाता है। यह मूल रूप से कोड है जो प्लगइन में होता है जब उपयोगकर्ता अगले क्लिक करता है।

$(function(){ 
     $("#validate_email").click(function(){ // when the button is clicked... 
      var wizard = $("#demoForm"); // cache the form element selector 
      if(!wizard.validate().element("#myemail")){ // validate the input field 
       wizard.validate().focusInvalid(); // focus it if it was invalid 
      } 

     }) 
    }) 

आशा इस:

$(function(){ 
     $("#validate_form").click(function(){ // when the button is clicked... 
      var wizard = $("#demoForm"); // cache the form element selector 
      if(!wizard.valid()){ // validate the form 
       wizard.validate().focusInvalid(); //focus the invalid fields 
      } 

     }) 
    }) 

तुम सिर्फ एक ही इनपुट क्षेत्र को मान्य करने की आवश्यकता होगी, तो आप निम्न कोड (आईडी = "validate_email" इस मामले में क्लिक किया जाता है के साथ बटन) इस्तेमाल कर सकते हैं मदद करता है.

/जनवरी

Answer 2

क्या आपने प्लगइन के दस्तावेज़ को देखा है? सेटअप में एक साधारण स्विच है जो आपको अपने फॉर्म विज़ार्ड को परिभाषित करते समय उस तरह की सत्यापन करने में सक्षम बनाता है।

http://thecodemine.org/#_demoForm=first

फिर "विकल्प" पर क्लिक करें और सत्यापन सक्षम करने और फिर 'validationOptions' पर सेटअप करने के लिए अपने विकल्पों को देखने के लिए 'validationEnabled' को देखो।