verifica dei campi obbligatori in un modulo

[bee2]

Ciao a tutti,
sto realizzando un modulo con tre campi obbligatori e dovrei applicare il seguente script:

<SCRIPT LANGUAGE="JavaScript">
function verifForm(formulaire)
{
if(formulaire.titolobrano.value == "")
alert('Hai dimenticato di inserire il titolo del brano!');
else
formulaire.submit();
}
</SCRIPT>

dove titolobrano è il nome che ho dato al campo obbligatorio da verificare.

Per una sola voce funziona correttamente, ma come posso estendere lo script anche agli altri 2 campi obbligatori che hanno nome diverso?

Grazie a tutti coloro che mi aiuteranno!

[secan]

prova così:

function checkForm(theForm) {
var count=document.theForm.elements[].length;

for (var i=0; i<=count; i++) {
if (document.theForm.elements[i].value=="") {
window.alert("Attenzione! non hai valorizzato tutti i campi");
} else {
document.theForm.submit();
}
}
}

in questo modo dovrebbero essere controllati TUTTI i campi

Secan

[bee2]

ad inserire il tuo script, ma devo aver fatto qualcosa di sbagliato perchè non mi funziona.
Una domanda: nel modulo ci sono tre campi obbligatori e anche campi semplici che è possibile non riempire. Vorrei sapere se il tuo script permette di ignorare i campi non obbligatori se non compilati.

Il pulsante di invio l'ho modificato in questo modo:
<INPUT TYPE="button" VALUE="Invia" onClick="checkForm(theForm)">

ci sono altre variazioni che devo fare?


Grazie per avermi risposto
ciao

[patajanja]

Prova così.


Nel form metti onsubmit="return verifForm(this)"

Il bottone del submit è
<input type="submit" value="Invia">


e questo è il javascript


function verifForm(formulaire)
{
if (formulaire.titolobrano.value == "")
{
alert('Hai dimenticato di inserire il titolo del brano!');
formulaire.titolobrano.focus();
return (false);
}

if (formulaire.campo2.value == "")
{
alert('Campo2');
formulaire.campo2.focus();
return (false);
}

if (formulaire.campo3.value == "")
{
alert('Campo3');
formulaire.campo3.focus();
return (false);
}
}

ciao

[secan]

No, come ti ho detto, la funzione controlla che TUTTI i campi siano valorizzati. Se vuoi che il controllo avvenga solo su alcuni campi, il codice è il seguente:

function checkForm(theForm) {
var count=document.theForm.elements[].length;

for (var i=0; i<=count; i++) {
if (document.theForm.elements[i].name.substring(0,8)=="required"){
if (document.theForm.elements[i].value=="") {
window.alert("Attenzione! non hai valorizzato tutti i campi");
}
}
}
}

naturalmente, ogni campo richiesto dovrà avere un attributo name="required_nome" e la fonzione dovrà essere richiamata in questo modo: <form onSubmit="javascript:checkForm(theForm);">

P.S.: non sono del tutto sicuro che la cosa così funzioni: potrebbe esserci qualche errorino qua e là perciò controlla bene

[bee2]

Ho seguito le tue indicazioni e funziona benissimo!


Grazie mille

[Ted]

Se posso fare un appunto personale....

se il controllo è una cosa veramente importante, anche ai fini della sicurezza... ti sconsiglio di utilizzare il Javascript in quanto può essere disabilitato.

Uno dei modi per essere sicurissimi che questi controlli avvengano e usare un linguaggio side-server, tipo il php.

Bye

[bee2]

...sono d'accordo con te, ma in questo caso non credo sia necessario, si tratta di un modulo per un semplice sondaggio.


Grazie
Ciao