plugin jQuery Validation walidacji formularza kliknij przycisk

Question

Mam więc formularza siedem części, gdzie sześć kart są ukryte za pomocą CSS i gdy użytkownik kliknie obok inna część zanika w.

mam składać stronę, aby upewnić się, że wtyczka działa; to jest. Zasadniczo jej tylko przejście do następnej części formularza bez sprawdzania aktualnego udziału

Jako przykład

HTML

<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> 

JavaScript

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

Answer 1

Jeśli używasz the jQuery Validate wtyczka, z kodem, wtyczka nie jest inicjowana dopóki nie zostanie kliknięty przycisk. Jeśli wtyczka nie została zainicjalizowana, nie ma sprawdzania poprawności.

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

Zamiast .validate() jest wywoływana raz na DOM gotowy do zainicjować Wtyczka na formularzu.

Jeśli chcesz przetestować formularz w dowolnym momencie po inicjalizacji, należy użyć .valid() method.

$(document).ready(function() { 

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

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

}); 

---

nie mam pojęcia, jak skonfigurujesz każdą część do interakcji ze sobą lub co drugi kod jest używany. Opierając się na samym OP, oto przykład pracy z powyższą odpowiedzią.

DEMO: http://jsfiddle.net/pqVJM/

$(document).ready(function() { 

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

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

});