Problema con form JavaScript

[Poglia]

Salve a tutti,

Ho appena creato il seguente form in HTML:

<form id="form_1" action="submit.php" method="post">



<input id="username" type="text" /></p>


<input id="password" type="password" /></p>


Accedi</p>

</form>

E il suo controllo in JavaScript:

function invia() {
     var username = document.getElementById("username").value;
     var password = document.getElementById("password").value;

     if ((username == "") || (username == "undefined")) {
          alert("Inserisci l'username.");
          return false;
     }
     else if ((password == "") || (password == "undefined")) {
          alert("Inserisci la password.");
          return false;
     }
     else {
          document.getElementById("form_1").submit();
     }
}

Il problema è che, anche se il controllo funziona (viene fuori l'alert se non si inseriscono username e password), il form non viene inviato. Qualcuno può aiutarmi? Grazie.

P.S.: utilizzo getElementById perchè l'XHTML Strict non consente l'attributo "name".

[br1]

Il browser, se non diversamente istruito, alla fine dell'esecuzione delle istruzioni inserite per gestire l'evento onclick esegue anche il link... ovvero va all'indirizzo specificato nell'HREF

Puo' capitare che in questo modo, essendo richieste nello stesso istante due pagine (l'action del form e l'href del link) venga eseguito solo quest'ultimo.

Per evitarlo aggiungi un'istruzione che informi il browser che non deve eseguire il link:

Accedi

ciao

[Poglia]

Ha funzionato. Grazie!