jQuery मान्यकरण प्लगइन मान्य प्रपत्र क्लिक

Question

तो मैं एक सात भाग प्रपत्र जहां छह टैब्स सीएसएस के माध्यम से छिपे हुए हैं और जब कोई उपयोगकर्ता क्लिक करता है अगले दूसरे हिस्से में fades की है।

मैं पेज सबमिट किया है करने के लिए सुनिश्चित प्लगइन काम कर रहा है; यह है। अनिवार्य रूप से अपने बस प्रपत्र के अगले हिस्से में सत्यापन के बिना वर्तमान हिस्सा

जा रहा एक उदाहरण

एचटीएमएल

<form id = "form1" action = "backend.php" method = "post"> 
<label for "phone">First Name </label> 
    <input type = "text" name = "fName" placeholder = "First Name..." class = "required" id = "fName" /> 
<button id = "btn" type = "button" class = "buttonnav next">next</button> 
</form> 

जावास्क्रिप्ट

$('#btn').click(function() { $("#form1").validate();}); 

Answer 1

आप the jQuery Validate उपयोग कर रहे हैं के रूप में प्लगइन, आपके कोड के साथ, बटन क्लिक होने के बाद तक प्लगइन प्रारंभ नहीं किया जाता है। यदि प्लगइन प्रारंभ नहीं किया गया है, तो कोई सत्यापन नहीं है।

$('#btn').click(function() { $("#form1").validate();}); 

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

यदि आप प्रारंभ करने के बाद किसी भी समय परीक्षण परीक्षण करना चाहते हैं, तो आप .valid() method का उपयोग करेंगे।

$(document).ready(function() { 

    $('#form1').validate({ // initialize plugin 
     // your options 
    }); 

    $('#btn').click(function() { 
     $("#form1").valid(); // test the form for validity 
    }); 

}); 

---

मैं पता नहीं कैसे आप एक दूसरे को या क्या अन्य कोड का इस्तेमाल किया जा रहा है के साथ बातचीत करने के लिए प्रत्येक भाग को सेट कर लेने की है। अकेले आपके ओपी के आधार पर, ऊपर दिए गए मेरे उत्तर का उपयोग कर एक कामकाजी उदाहरण है।

डेमो: http://jsfiddle.net/pqVJM/

$(document).ready(function() { 

    $('#form1').validate(); 

    $('#btn').click(function() { 
     if ($("#form1").valid()) { 
      alert('hello - valid form'); 
     } 
    }); 

});