Controllo Campo Form Vuoto javascript
Vorrei sapere qual'e` o quali sono gli errori in questo codice HTML. Perché il campo nome avvisa se il rimane vuoto mentre, il campo Cognome non avvisa. Non riesco a capire qual'e` l'errore AIUTO :cry:
Codice HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Prova Form</title>
<script type="text/javascript">
function formValid() {
if (document.forms["nameForm"].textname.value.length == 0) {
alert("Il campo NOME non e` stato completato");
return false;
} else if (document.forms["surnameForm"].textname.value.length == 0) {
alert("Il campo COGNOME non e` stato completato");
return false;
} else {
alert("I campi sono tutti completati");
return true;
}
}
</script>
</head>
<body>
<p><i><b>Form per l'invio dei propri dati</b></i></p>
<form action="#" id="nameForm" onsubmit="return formValid();">
<p><b>Nome</b> <em>(Richiesto)</em>: <input id="textbox1" name="textname" type="text" /></p>
</form>
<form action= "#" id="surnameForm" onsubmit= "return formValid();">
<p><b>Cognome</b> <em>(Richiesto)</em>: <input id= "textbox1" name= "textname2" type= "text" /></p>
</form>
<form action= "#" onsubmit= "return formValid()">
<p><b>Data Di Nascita</b> <i>(Utilizzare il Formato di Esempio-Facoltativo)</i>: <input id= "textbox3" name= "textname3" type= "date" value="XXXX-12-31"/></p>
</form>
<form action="#" onsubmit="return formValid()">
<p><b>Comune di Residenza</b> <i>(Facoltativo)</i>: <input id="textbox4" name="textname4" type="text" /></p>
<p><input id="subButton" type="submit" value="Invia il Modulo ora" /></p>
</form>
</body>
</html>
Grazie in anticipo
