Il plugin di convalida jQuery non funziona

Non riesco a capire quale sia il problema qui. Ho provato a mettere il mio js nella mia testa, sotto la mia forma, sopra la mia forma, ecc. Nessuno di loro sembra fare nulla. Invia semplicemente la pagina senza nemmeno tentare di convalidare

HTML:

Submit A Lost Paw

Please complete the form below. After being reviewed by a moderator, your listing will be posted for others to see.

Javascript:

  $(document).ready(function() { $("#test").validate({ errorLabelContainer: "#error-box", wrapper: "li id='error'", rules: { pet_name: { required: true } } }); });  

A partire da ora, il js è direttamente sotto l’html, nello stesso file. Questo intero file viene inserito in una pagina di indice con il file validate.js inserito nella testa.

hai bisogno di attributi di nome sui campi di input, ad es

  

Sembra che tu non abbia aggiunto alcuna class ai tuoi elementi o fatto alcuna chiamata di metodo javascript aggiuntiva sul plug-in per specificare il comportamento della convalida.

In genere si dovrebbero aggiungere classi come required , email , url , ecc. Per determinare il comportamento della convalida (o in alternativa chiamare i metodi plug-in per fare lo stesso.

Non ho visto la tua testa, buit assicurati di includere quanto segue

 $(function(){ $("#test").validate(); }) jQuery.validator.setDefaults({ debug: true, success: "valid", submitHandler: function(form) { posting(); } 

});

Potrebbe non essere necessario il comando di invio, la parte “postazione” è dove si trasforma il tuo script Ajax in una funzione e lo si chiama con il gestore. Ovviamente avrai bisogno di tag script attorno a questo