validazione campi form php & javascript

[ildesa]

ciao a tutti.
ho scaricato l'esempio di inserimento articoli su mysql di html.it, adattato al mio sito e ora vorrei implementarne la validazione dei campi. ho provato a farlo con javascript ma il problema è che l'inserimento viene fatto comunque, dopo i vari alert, perchè non so come condizionare l'evento che inserisce i dati sul db ai controlli javascript.
questa è la parte server [ometto codice sperando di migliorare la leggibilità...]:

<?php

[...test di connessione a mysql...]

if(isset($_POST['action']) and $_POST['action'] == 'insert')
{

[...SQL di inserimento...]

header('Location: calendario.php');
}
?>

...questo uno dei controlli js:

<script language="javascript" type="text/javascript">
<!--
function Modulo(){
var citta = document.modulo.citta.value;
if ((citta == "") || (citta == "undefined")) {
alert("Il campo Città è obbligatorio.");
document.modulo.citta.focus();
return false;
}
//INVIA IL MODULO
else {
document.modulo.action = "calendario.php";
document.modulo.submit();
}

}

...e questo il submit:
<input type="submit" name="Submit" value="Salva" onClick="Modulo()">

i controlli vengono effettuati correttamente ma poi la "if(isset..." prima dell'SQL viene soddisfatta, quindi l'inserimento effettuato in ogni caso.
come posso subordinare l'inserimento al controllo dei campi in questo modo?
e... esiste un modo più 'corretto'???
grazie 1000!!!

[cavicchiandrea]

o cambi il pulsante submit con il button oppure fai il controllo nel submit della form
<form name="f1" method="post" action="#" onsubmit="return Modulo()">

[ildesa]

grazie mille!!