ciao. ho un problema che non riesco a risolvere, guardate questo codice:

codice:
<html>
<head>
<title> Prova </title>
<script type="text/javascript">
<!--
function controllo()
{
  if(document.modulo.campo.value == "")
    alert("ATTENZIONE: Il campo è vuoto");
}
// -->
</script>
</head>
<body>
<form name="modulo" action="http://localhost/prova1.html" method="get">
<input type="text" name="campo">
<input type="submit" value="Invia" onClick="controllo()">
</form>
</body>
</html>
il programmino è semplice, ho una form con un singolo campo, dove inserire qualcosa. la mia idea è questa: se si inserisce qualcosa nel campo e si preme il submit si va alla pagina prova1.html, se invece si lascia il campo vuoto compare l'alert e si dovrebbe rimanere sulla stessa pagina. il problema è che mi compare l'alert ma poi, naturalmente, si apre la pagina prova1.html. come posso fare per far comparire l'alert e poi rimanere sulla stessa pagina? scusatemi per la domanda banale ma sono alle prime armi con javascript... anche se si deve usare php (insieme a javascript) va bene lo stesso. grazie