Ciao a tutti, ho un problema con la validazione di un form. Il codice che posto sotto spedisce dei dati ad una pagina in php e la parte di js dovrebbe verificare che i dati nei primi 2 campi del form contengano solo testo, però mi spedisce la pagina senza fare questo controllo.
Dove sbaglio?

codice HTML:
[COLOR=#1D2129][FONT=Helvetica]
<head>
<meta charset="UTF-8">
<title>Prova</title>
<script>
function controllaForm() {
var soloTesto = /^([a-zA-Z '])+$/;[/FONT][/COLOR]
[FONT=inherit]if (!soloTesto.test(document.form[0].nome.value)) {
alert("Il nome inserito non e' valido!");
document.form[0].nome.focus();
return false;
}
if (!soloTesto.test(document.form[0].cognome.value)) {
alert("Il cognome inserito non e' valido!");
document.form[0].cognome.focus();
return false;
</script>
</head>
<body>[/FONT]
[FONT=inherit]<form action="http://localhost/sito1/new1.php" method="post" name="form">
Nome:<br>
<input type="text" name="nome" /> <br>
Cognome:<br>
<input type="text" name="cognome"/> <br>
Data di nascita <br>
<input type="date" name="data" /> <br> <br>
<input type="submit" value="Invia" onClick ="controllaForm()">
<input type="reset" value="cancella">
</form>[/FONT]
[FONT=inherit]</body>
[/FONT]