Funzione controlla triplice form

**Vitacillina** · 31-03-2006, 16:52

Bentrovati tutti.

Ho scritto questa semplice pagina con estensione htm che contiene tre diversi form :

codice:

<html>
<head>
<title>Pagina form multipli</title>
</head>
<body>


<form name="form1" method="POST" action="script_form1.asp">
  

<input type="text" name="T1" size="20"></p>
  

<input type="reset" value="cancella"><input type="submit" value="Invia"></p>
</form>


<form name="form2" method="POST" action="script_form2.asp">
  

<input type="text" name="T2" size="20"></p>
  

<input type="reset" value="cancella"><input type="submit" value="Invia"></p>
</form>


<form name="form3" method="POST" action="script_form3.asp">
  

<input type="text" name="T3" size="20"></p>
  

<input type="reset" value="cancella"><input type="submit" value="Invia"></p>

</form>
</body>
</html>

Vorrei sapere se è possibile con una unica funzione in javascript riuscire a controllare che il campo T1 o T2 T3 di ciascuno dei tre form non venga mai lasciato vuoto quando appunto si clicca sul tasto invia di ciascuno dei tre form.

Con la ricerca ho trovato una funzione che esegue questo controllo, ma su singolo form quindi o la triplico rinominadola diversamente oppure non so.

Vi ringrazio tanto,

**fcaldera** · 31-03-2006, 17:25

codice:

<html>
<head>
<title>Pagina form multipli</title>

<script>
function $(id) {
  return document.getElementById(id);
}

function check() {
  return (($('campoT1').value != '') &&
          ($('campoT2').value != '') &&
          ($('campoT3').value != ''));
}
</script>

</head>
<body>


<form name="form1" method="POST" action="script_form1.asp" onsubmit="return check();">
  

<input type="text" name="T1" id="campoT1" size="20"></p>
  

<input type="reset" value="cancella"><input type="submit" value="Invia"></p>
</form>


<form name="form2" method="POST" action="script_form2.asp" onsubmit="return check();">
  

<input type="text" name="T2" id="campoT2"  size="20"></p>
  

<input type="reset" value="cancella"><input type="submit" value="Invia"></p>
</form>


<form name="form3" method="POST" action="script_form3.asp" onsubmit="return check();">
  

<input type="text" name="T3" id="campoT3" size="20"></p>
  

<input type="reset" value="cancella"><input type="submit" value="Invia"></p>

</form>
</body>
</html>

Ciao

**Vitacillina** · 31-03-2006, 19:10

Grazie, ma forse mi spiego male... con queste modifiche se non compilo tutti i tre campi di tutti e tre i form il form non viene spedito... intendevo dire che ogni singolo form non può essere inviate se il relativo campo è stato lasciato vuoto... :master:

**fcaldera** · 31-03-2006, 20:18

Allora questo fa ciò che ti serve

codice:

<head>
<title>Pagina form multipli</title>

<script>
function $(id) {
  return document.getElementById(id);
}

function check(field) {
  return ($(field).value != '');
}
</script>

</head>
<body>


<form name="form1" method="POST" action="script_form1.asp" onsubmit="return check('campoT1');">
  

<input type="text" name="T1" id="campoT1" size="20"></p>
  

<input type="reset" value="cancella"><input type="submit" value="Invia"></p>
</form>


<form name="form2" method="POST" action="script_form2.asp" onsubmit="return check('campoT2');">
  

<input type="text" name="T2" id="campoT2"  size="20"></p>
  

<input type="reset" value="cancella"><input type="submit" value="Invia"></p>
</form>


<form name="form3" method="POST" action="script_form3.asp" onsubmit="return check('campoT3');">
  

<input type="text" name="T3" id="campoT3" size="20"></p>
  

<input type="reset" value="cancella"><input type="submit" value="Invia"></p>

</form>
</body>
</html>

Ciao

**Vitacillina** · 01-04-2006, 11:01

OK, gentilissimo. Grazie

**Vitacillina** · 01-04-2006, 14:36

Scusa come avviso l'utente (con una alert) che deve scrivere qualcosa nel campo del form per poterlo inviare? :master:

**var** · 01-04-2006, 15:12

Originariamente inviato da Vitacillina
Scusa come avviso l'utente (con una alert) che deve scrivere qualcosa nel campo del form per poterlo inviare? :master:

codice:

function check(field) {
  if(!($(field).value != '')){alert('inserire qualcosa nel campo '+$(field).name+'.');return false;}return true;
}

ciao

**Vitacillina** · 01-04-2006, 22:07

Benissimo, grazie.

Discussione: Funzione controlla triplice form

Strumenti discussione

Ricerca discussione

Visualizza

Funzione controlla triplice form

Permessi di invio