Controllo Campo Form Vuoto javascript

23-07-2011, 16.35.30

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

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

**sevenjeak** · 23-07-2011, 18.49.53

Per me, ma non saprei, va tutto bene.

Potrei capire se non andasse quando non compili il campo nel primo form, visto che se quello risulta vuoto non passa per l'else if, e mi sembra ovvio.

Cmq, se ti può interessare io modificherei la tua funzione in questo modo:

Codice HTML:

function formValid() {
        var name_len = document.forms["nameForm"].textname.value.length;
        var surname_len = document.forms["surnameForm"].textname.value.length;

    	if (name_len == 0) {
    		alert("Il campo NOME non e` stato completato");
    	}

        if (surname_len == 0) {
    		alert("Il campo COGNOME non e` stato completato");
    	}

        if (name_len != 0 && surname_len != 0) {
    		alert("I campi sono tutti completati");
                return true;
    	}else {
                return false;
        }
    }

Non ho ben capito perché, forse ho letto male il codice, usi return false e return true, fatto sta te li ho mezzi in modi diverso.

23-07-2011, 21.03.11

Non so esattamente il motivo ma ho provato il codice creato da te e non si esegue.

**karl94** · 24-07-2011, 14.25.19

Devi usare la collezione document.forms solo se hai impostato sugli elementi form un attributo name. Tu hai impostato a ciascuno un id, per ottenere quindi l'oggetto DOM ad essi associato devi usare il metodo getElementById dell'oggetto document.

Discussione: Controllo Campo Form Vuoto javascript

LinkBack

Strumenti discussione

Display

Controllo Campo Form Vuoto javascript

Regole di scrittura