Forse mi sono rincoglionito, ma non riesco a fare funzionare la validazione di un form con jQuery nemmeno seguendo passo passo questo articolo.
Cosa sbaglio? Sto impazzendo.
codice HTML:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Documento senza titolo</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="dist/jquery.validate.js"></script> <script type="text/javascript"> $("#form_da_validare").validate({ rules: { username: { required: true, //campo obbligatorio minlength: 4, //minima lunghezza caratteri maxlength: 20, //lunghezza massima remote: "check-username.php" //verifica presenza }, password: { required: true, minlength: 4, maxlength: 20 }, confirm_password: { equalTo: "#password" //uguale ad elemento con id="password" }, sito: "url", //url valido email: { required: true, email: true //email valida }, termini: "required" }, messages: { username: { required: "Username obbligatorio", minlength: "Username di almeno 4 caratteri", maxlength: "Username di massimo 20 caratteri", remote: "Username già utilizzato" }, password: { required: "Inserire una password", minlength: "La password deve essere almeno di 4 caratteri", maxlength: "Password di massimo 20 caratteri" }, confirm_password: { equalTo: "La password non corrisponde" }, sito: "URL inserito non valido", email: { required: "Inserire una email", email: "Email non valida" }, termini: { required: "Devi accettare i termini" } }, submitHandler: function(form) { alert('I dati sono stati inseriti correttamente'); form.submit(); }, invalidHandler: function() { alert('I dati inseriti non sono corretti, ricontrollali....'); }, }); </script> </head> <body> <form action="registra.php" id="form_da_validare" method="post"> <table> <tr> <td>Username</td> <td><input type="text" id="username" name="username"></td> </tr> <tr> <td>Password</td> <td><input type="password" id="password" name="password"></td> </tr> <tr> <td>Conferma Password</td> <td><input type="password" id="confirm_password" name="confirm_password"></td> </tr> <tr> <td>Sito personale</td> <td><input type="text" id="sito" name="sito"></td> </tr> <tr> <td>Email</td> <td><input type="text" id="email" name="email"></td> </tr> <tr> <td>Termini</td> <td><input type="checkbox" id="termini" name="termini"></td> </tr><br/><tr> <td></td> <td><input type="submit" value="Registra"></td> </tr> </table> </form> </body> </html>
Rispondi quotando
