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>