Scritto da davidonzo il 24/01/2008, in OpenSource, Web, Tutorial

Una funzioncina facile facile in JavaScript per controllare che l'utente abbia riempito tutti i campi di una form.

 

function controlform(){
  var f = document.forms[0];
  var n = f.elements.length;
 
  for(var i = 0; i < n; i++){
    if(f.elements[i].value == ''){
      return alert('Error: value '+f.elements[i].name+ ' is empty');
      return false;
    }
  }
}

 

Niente di più semplice, ma ricordate che per come scritta, può essere usata solo se tutti i campi di una form si rendono obbligatori. Ottimo da integrare con applicativi AJAX per evitare che lo scripting lato server diventi troppo pesante.

Hai trovato l'articolo interessante?
Sottoscrivi il Feed RSS per essere informato automaticamente degli ultimi aggiornamenti!
 
.Commenti rss
# 1
Grazie!! :)
Di lorenzone92  (Inviato il 24/01/2008 @ 19:59:41)
# 2
Non so se puoi aiutarmi:
ho una pagina jsp che genera, in base al risultato di una query, una serie di form con, all'interno, dei campi modificabili. Di questi campi tre devono essere modificati insieme, cioè se viene modificato un campo devono essere modificati anche gli altri due. Ho fatto un javascript che mi gestisce appunto questa azione, ma non riesco a prendere i valori dei campi all'interno dei form.
La funzione è fatta pressappoco così:
function ctrModificaRiga(indice) {
var ind_cod = (indice * 13) + 1;
var cod = Trim(document.forms[indice].elements[ind_cod].value);
}
prende in ingresso l'indice per selezionare il form, ma all'esecuzione mi da errore. Cosa sbaglio? Come devo fare per recuperare i valori all'interno dei vari form?
Ti ringrazio anticipatamente.
Di alsa81  (Inviato il 27/02/2008 @ 15:10:51)
# 3
Ciao alsa.
Non so se ho ben capito. Prova questo codice e dimmi se è più o meno quello che cerchi.

<html>
<head>
<script>
function change(name,q){
var f = document.forms[name];
var val = f.elements['ciao-'+q].value;
f.elements['pippo-'+q].value = val;
f.elements['marco-'+q].value = val;
}
</script>
</head>
<body>
<form name="prova" action="javascript:void(0)">
<input name="ciao-1" type="text" onchange="change('prova',1)" />
<input name="pippo-1" type="text" />
<input name="marco-1" type="text" />
<hr />
<input name="ciao-2" type="text" onchange="change('prova',2)" />
<input name="pippo-2" type="text" />
<input name="marco-2" type="text" />
</form>
</body>
</html>
Di davidonzo  (Inviato il 27/02/2008 @ 16:53:33)


I commenti possono essere moderati.
Se non lo vedi comparire subito non reinserirlo più volte.
Grazie per la gentile collaborazione.