Come rendere obbligatori i campi di un form?

[wilderness]

Ciao,
ho fatto una ricerca in rete in merito, ma senza trovare nessuno script funzionante.


Come faccio ad inserire uno script che controlli la presenza di testo/numeri nel campo e restituisca l' "errore" - compila il campo! - se l'utente lo lascia vuoto?

Grazie

[m4rko80]

<script>
function controllo()
{
var nome = document.getElementById('name').value;
if(nome==''){
document.getElementById('err_name').innerHTML = 'manca il nome';
return false;
}
//se non ci sono errori()
document.forms['myForm'].submit()
}
</script>

<form ......id="myForm">
<input type="text" id="name" name="nome" value="">
<div  id="err_name"></div>
.....
<input type="button" value="invio" onClick="controllo()"> 

e cosi per il resto
PS molto semplice il codice.. un po macchinoso forse ma se la prima volta ti fai un idea

EDIT

[artorius]

Metti di avere una form del tipo:

<form id="MyForm" name="MyForm" action=".." method="post">...

al momento in cui clicchi sull'input submit, lanci un evento chiamato onSubmit prima di inviare la richiesta al server. Tramite quell'evento puoi bloccare l'esecuzione del submit vero e proprio ritornando semplicemente false.

Quindi ti basta creare una function tipo

var checkForm = function(){
   var ret = true;

   //Qui ci metti i controlli ai campi input e se uno dei controlli fallisce metti in ret = false;
   //e fai uscire un alert con il messaggio di errore, ad esempio:
   if(this.nomeInput.value == '')
   { 
       ret = false;
       alert("E' necessario compilare nomeInput");
   }

   return ret;
}

Poi la leghi all'evento con:

window.onload = function(){
   document.getElementById("MyForm").onsubmit = checkForm;
}

A questo punto la form verrà inviata al server se, e solo se, il controllo in checkForm restuisce true.

[wilderness]

ad inserire questo:

<script>
function controllo()
{
var NOME = document.getElementById('NOME').value;
if(NOME==''){
document.getElementById('err_name').innerHTML = 'manca il nome';
return false;
}
//se non ci sono errori()
document.forms['myForm'].submit()
}
</script>

tra head ed head

l'azione del pulsante invia i dati è:

<INPUT name="Invia" TYPE="submit" onClick="controllo()" VALUE="INVIA I DATI">


ma non controlla nulla, invia lo stesso.
Dove sbaglio?

[m4rko80]

se usi un input type submit il submit viene eseguito ....
usa type button e su onclick la funziona appunto..
devi gestire li in submit se ci sono errori o meno

[artorius]

Personalmente, penso sia più pratico gestire l'evento onSubmit della form, bloccandolo, all'occorrenza, ritornando false alla funzione associata

[wilderness]

funziona perfettamente!
una domanda:
ho i 2 campi MASCHIO - FEMMINA che hanno il seguente codice:

<input name="MASCHIO" type="radio" id="radio2" size="30" checked>

<input name="FEMMINA" type="radio" id="radio" value="" size="30">

però nn posso renderli obbligatori...o uno segna M o F, come posso fare?
Grazie!!!

[fcaldera]

ti basta valorizzare uno dei radiobox in partenza per rendere obbligatorio l'intero insieme di radiobox (dal momento che non puoi deselezionarli)

[wilderness]

non sono esperto..
cosa significa valorizzare?

[fcaldera]

significa che dai checked="checked" ad almeno un radiobox (e quindi facendogli assumere il relativo valore che hai definito nell'attributo "value"...)