contare campi vuoti

[chetelo]

domandona: se ho un form con 4 campi input text come faccio a fare in modo che quando l'utente ne compila uno e preme submit mi risulti un alert che mi dice "lo sai che hai lasciato 3 campi vuoti?";

insomma vorrei che mi contasse quanti campi restano vuoti.ho bisogno di quel numero.

[var]

function counter(f) {
 var cvuoti=0;
 for (var i=0; i<f.elements.length; i++)
  if (f.elements[i].type=="text" && f.elements[i].value=="") cvuoti++;
 if (cvuoti>0) {
  alert("Hai lasciato "+cvuoti+" campi vuoti.");
  return false;
 }
 return true;
}

da usare così:

<form name="q" onsubmit="return counter(this);" ... >

ciao

[tespiego]

e se dovessi fare il contrario?cioè contare qaunti campi sono compilati?

[var]

Originariamente inviato da tespiego
e se dovessi fare il contrario?cioè contare qaunti campi sono compilati?

if (f.elements[i].type=="text" && f.elements[i].value!="")

ciao

[tespiego]

ultima domanda: se oltre ai campi text ne uno di tipo select?

credo che dovro aggiungere qualcosa del tipo :
if (f.elements[i].type=="text" && f.elements[i].type=="select" && f.elements[i].value!="")

o qualcosa di simile?

[var]

così:

if ((f.elements[i].type=="text" && f.elements[i].value=="") || (f.elements[i].type=="select" && f.elements[i].selectedIndex==0)) cvuoti++;

ciao

[tespiego]

ho modificato la stringa che mi hai dato cosi:
if ((f.elements[i].type=="text" && f.elements[i].value!="") || (f.elements[i].type=="select" && f.elements[i].selectedIndex==0)) cpieni++;

perche mi serve il numero dei campi pieni,pero non valuta se il campo select è selezionato o no. cioe mi controlla solo i campi text.

devo cambiare in qualche modo la parte:f.elements[i].type=="select" && f.elements[i].selectedIndex==0?

[var]

if ((f.elements[i].type=="text" && f.elements[i].value!="") || (f.elements[i].type=="select" && f.elements[i].selectedIndex>0)) cpieni++;

ciao

[tespiego]

mi vede solo il campo text

[chetelo]

risolto.. era da mettere
f.elements[i].type=="select-one"