form con controllo dei campi vuoti

**Wezen** · 27-01-2008, 20:11

Dovrei fare un form che controlli che un campo non sia vuoto:

function check()
{
if (document.myform.nome.value.length==0)
{alert("Inserire il Nome");
document.myform.nome.focus();
}}

se chiamo una funzione del tipo tramite l'onclick del tasto di submit riesco a verificare ciò, ma avviene comunque il link alla pagina scelta. Come devo fare a bloccare il link alla pagina seguente finchè il campo non sia pieno?

**ricman** · 27-01-2008, 20:35

Originariamente inviato da Wezen
se chiamo una funzione del tipo tramite l'onclick del tasto di submit riesco a verificare ciò, ma avviene comunque il link alla pagina scelta. Come devo fare a bloccare il link alla pagina seguente finchè il campo non sia pieno?

Guarda, probabilmente nel forum sul JS trovi più risposte...
Forse ti ci vuole un comando per "stoppare" il tutto... (in php ad esempio c'è exit(); ) da mettere dopo l'alert per non far andare avanti la procedura...

**ricman** · 27-01-2008, 20:36

Originariamente inviato da ricman
Guarda, probabilmente nel forum sul JS trovi più risposte...
Forse ti ci vuole un comando per "stoppare" il tutto... (in php ad esempio c'è exit(); ) da mettere dopo l'alert per non far andare avanti la procedura...
Non sono ferrato sul JS... spero almeno di averti dato degli spunti

**Max1** · 27-01-2008, 21:06

Il principio dovrebbe essere che al "submit" devi forzare una specie di check inserendo
onClick="contollacampi()"

cosè "controllacampi"?
e uno script che crei per verificare la funzionalità dei campi, in cui impostando opportune variabili hai la gestione del controllo di uno specifico campo.

per esempio se vogliamo controllare che un campo dove si inserisce un nome sia stato scritto
(nel form , sia il form che tutti i campi o almeno quelli interessati devo avere un NOME )

codice:

<form name="doc">
<input type="text" name="nome">

e lo script

codice:

<script>
function controllacampi() {
var varnome = document.doc.nome.value;

var ErroreMsg = "Attenzione: manca \n";     // messaggio di errore
var Errore = false;     // error flag

if ( varnome == "" ) {      
//campo nome 
ErroreMsg = ErroreMsg + "Nome.\n";
Errore = true;
    }

//e alla fine del controllo

if ( Errore ) {    alert( ErroreMsg );  } 
else {    submit(this);
  }

</script>

quanto detto è un esempio legato ad un imput testuale, poi si possono far dei controlli sulle date sulle e-mail o su altri tipi di form tipo "radio" , costruendo sempre opportunamente un controllo.

**Wezen** · 27-01-2008, 21:51

Ok Max1 ho fatto come hai detto,ma non sembra funzionare

<script>
function controllacampi() {
var varnome = document.doc.nome.value;
var ErroreMsg = "Attenzione: manca \n";
var Errore = false;

if ( varnome == "" ) {
ErroreMsg = ErroreMsg + "Nome.\n";
Errore = true;
}

if ( Errore ) { alert( ErroreMsg ); }
else { submit(this);
}}

</script>

<HTML>

<BODY>
<FORM name=doc method=POST action="esempio.html" enctype="text/plain">
<INPUT type="text" name="nome">
<INPUT type="submit" name="" value="Button" onClick="controllacampi() ">
</FORM>

</BODY>
</HTML>

In pratica quando clicco chiama la funzione, compare l'alert e mi invia alla pagina dopo.
Non volevo che mi inviasse alla pag dopo con il campo vuoto

**Myaku** · 28-01-2008, 08:54

usa

return false;

sulla condizione if, come ultima istruzione del tuo primo codice

Cyà

**Wezen** · 28-01-2008, 13:40

continua a non andare

, il programma entra nell'if, mi stampa l'alert e invia all'altra pagina!

<script>
function check()
{
if (document.doc.nome.value.length==0)
{alert("Inserire il Nome");
document.doc.nome.focus();
return false;
}}

</script>

<HTML>

<BODY>
<FORM name=doc method=POST action="esempio.html" enctype="text/plain">
<INPUT type="text" name="nome">
<INPUT type="submit" name="" value="Button" onClick="check() ">
</FORM>

</BODY>
</HTML>

**Myaku** · 28-01-2008, 14:47

facciamo un passo indietro.

qual'è il codice completo del controllo js?
quale DTD stai usando sul tuo documento html?

**Wezen** · 28-01-2008, 15:57

Questa è una pagina di netbeans e il codice completo js è come quello già postato
con il termine dtd non capisco bene cosa tu intenda :master:
La pagina a cui questa linka è una semplice pagina con una scritta, ma non credo che questo, possa essere utile.

La stessa pagina qui postata ho provato a eseguirla anche senza l'ausilio di netbeans, ma il risultato non cambia. é come se non funzionasse il return false ma richiedesse qualcosa di più specifico...

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<HTML>
<head>

<script language="JavaScript">
function check()
{
if (document.doc.nome.value.length==0)
{alert("Inserire il Nome");
document.doc.nome.focus();
return false;
}}
</script>

</head>
<BODY>
<FORM name=doc method=POST action="esempio.html" enctype="text/plain">
<INPUT type="text" name="nome">
<INPUT type="submit" name="" value="Button" onClick="check() ">
</FORM>

</BODY>
</HTML>

**Myaku** · 28-01-2008, 16:11

nella funzione specifica anche l'else.

Ora sono un po' impicciata, ma se cerchi in rete questo script si trova facilmente. Al massimo, se sei proprio in difficoltà e non hai trovato aiuto supplementare, ne riparliamo stasera che ho un po' più di tempo.

Occhio comunque al markup, fai che sia almeno validato

Discussione: form con controllo dei campi vuoti

Strumenti discussione

Ricerca discussione

Visualizza

form con controllo dei campi vuoti

Re: form con controllo dei campi vuoti

Re: Re: form con controllo dei campi vuoti

Permessi di invio