non inviare un modulo^_^

[Nabiky]

ciao!^^

c'è qualcuno che ha uno script che fa in modo che un form non sia inviato se i campi non sono stati tutti compilati?

grazie mille
ciao!

[secan]

function checkForm() {
 var f=document.forms['nomeForm'];
 for (var i=0; i<f.length; i++) {
  if(f.elements[i].valur=="" || f.elements[i].valur=="undefined") {
   window.alert("Non hai inserito tutti i campi");
   f.elements[i].focus();
   break;
  } 
 }
}

Devi richiamare questa funzione all'evento onSubmit del form, oppure all'evento onClick di un bottone di tipo Submit

[Nabiky]

ah ok quindi non posso dirgli anche quale dei campi non hanno compilato

lo provo!

[secan]

Certo che puoi dire quale campo non è stato compilato, ti basta modificare la funzione in questo modo:

function checkForm() {
 var f=document.forms['nomeForm'];
 for (var i=0; i<f.length; i++) {
  if(f.elements[i].valur=="" || f.elements[i].valur=="undefined") {
   
   var campo=f.elements[i].name;
   window.alert("Non hai inserito un valore per il campo "+campo);
   
   f.elements[i].focus();
   break;
  } 
 }
}

[Nabiky]

ho messo cosi: (il mio form si chiama form1)
questo nell'head

function checkForm() {
var f=document.forms['form1'];
for (var i=0; i<f.length; i++) {
if(f.elements[i].valur=="" || f.elements[i].valur=="undefined") {

var campo=f.elements[i].name;
window.alert("Non hai inserito un valore per il campo "+campo);

f.elements[i].focus();
break;
}
}
}

e questo nel body

<form name="form1" method="post" action="op_inserisci_immobile.asp">

....
...
..

<input type="submit" onClick="checkForm();" name="Submit" value="SALVA SCHEDA">

ma non succede niente^^
quando clicco il bottone e il form non è stato tutto compilato mi processa la mia pagina di action..

[secan]

Scusa, errore di battitura: sostituisci

if(f.elements[i].valur=="" || f.elements[i].valur=="undefined")

con

if(f.elements[i].value=="" || f.elements[i].value=="undefined")

[Mich_]

Originariamente inviato da Nabiky
ho messo cosi: (il mio form si chiama form1)
questo nell'head
...

ma non succede niente^^
quando clicco il bottone e il form non è stato tutto compilato mi processa la mia pagina di action..

Manca il return false e il return nella chiamata alla funzione:

function checkForm() {

  var f=document.forms['form1'];
  for (var i=0; i<f.length; i++) {
    if(f.elements[i].valur=="" || f.elements[i].valur=="undefined") {
   
      var campo=f.elements[i].name;
      window.alert("Non hai inserito un valore per il campo "+campo);
   
      f.elements[i].focus();
      return false;
    } 
  }
  return true;
}

e questo nel body

<form name="form1" method="post" action="op_inserisci_immobile.asp" onSubmit="return checkForm();">

....
...
..

<input type="submit" name="Submit" value="SALVA SCHEDA">

Ciao
Michele

[Nabiky]

no ancora no..
mi processa ancora la action del form (ovviamente con i campi vuoti) senza farmi uscire la finestra alert...

[Mich_]

Con la correzione di secan di prima (mi era sfuggita) !!

Se ancora no nfunziona posta il tuo script e la chiamata.

[Nabiky]

Grazie al mitico albis ora funziona

posto la il codice funzionante nel caso in cui servisse a qualcuno^_^

<script language="JavaScript">
function checkForm() {
var f=document.forms['form1'];
for (var i=0; i<f.length; i++) {

if(f.elements[i].value=="" || f.elements[i].value=="undefined") {

var campo=f.elements[i].name;
window.alert("Non hai inserito un valore per il campo "+campo);

f.elements[i].focus();
return false
break;
}

}
return true
}
</script>

<form id=form1 name=form1 onsubmit="return checkForm()" method="post" action="op_inserisci_immobile.asp">

<input type="submit" name="Submit" value="SALVA SCHEDA">



grazie mille a tutti!