jQuery Form Validation prima dell’invio di Ajax

Bit JavaScript:

$(document).ready(function() { $('#form').submit(function(e) { e.preventDefault(); var $form = $(this); // check if the input is valid if(! $form.valid()) return false; $.ajax( { type:'POST', url:'add.php', data:$('#form').serialize(), success:function(response) { $("#answers").html(response); } }); }) }); 

Bit HTML:

    

Quindi questo è il codice che sto cercando di usare. L’idea è di convalidare tutti i miei dati prima di inviare il mio modulo con Ajax. Ho provato numerose versioni di questo ora ma ogni volta finisco con l’invio anche se il modulo non è interamente compilato. Tutti i miei input sono della class “required”. Qualcuno può vedere cosa sto facendo di sbagliato?

Inoltre, dipende dai requisiti basati sulla class poiché i miei nomi di input sono generati con php, quindi non posso mai essere sicuro di quale nome [id] o tipo di input ottengo.

Mostro / nascondo le domande mentre lo passo nelle “pagine”.

  

JS:

 function toggleVisibility(newSection) { $(".section").not("#" + newSection).hide(); $("#" + newSection).show(); }