giovedì 28 maggio 2009

[JAVASCRIPT] - Controllo di 2 o più RADIO BUTTON contemporaneamente

Ho un form con due campi RADIO da selezionare.
SESSO: da scegliere se M o F.
ANZIANITA: da scegliere se "meno di tre anni" o "più di tre anni"

ENTRAMBE le "RADIO" sono OBBLIGATORIE.

Se una delle due non è stata selezionata si apre un ALERT indicando il campo mancante.

L'azione per passare alla pagina successiva può avvenire tramite pulsante, scrivendo la ACTION nel FORM, oppure con un qualunque collegamento in un testo o in una immagine con <a> </a> in ogni caso richiamando la funzione PROCEDI.


<script language="javascript">
function gotopage(pPagina)
{
document.info.method="post";
document.info.action=pPagina;
document.info.submit();
}

//********* CONTROLLO ALMENO UN CAMPO SELEZIONATO *****************************
function procedi(ind)
{

errore_sesso=true //variabile che mi dice se ci sono errori
errore_anzianita=true //variabile che mi dice se ci sono errori
cont=0 //contatore errori
campi=0 //campo che non stato valorizzato

str = new Array();
str[1] = "SESSO";
str[2] = "ANZIANITA DI RUOLO";

for (counter = 0; counter < document.info.sesso.length; counter++)
{
if (document.info.sesso[counter].checked)
{errore_sesso=false;break;}
}

if (errore_sesso==true)
{
++cont;
campi=1;
}

for (counter = 0; counter < document.info.anzianita.length; counter++)
{
if (document.info.anzianita[counter].checked)
{errore_anzianita=false;break;}
}

if (errore_anzianita==true)
{
++cont;
campi=2;
}

if(errore_sesso==false & errore_anzianita==false)
{
//possiamo andare avanti
gotopage(ind)
}
else
{
//messaggio di errore
if(cont!=1)
{
alert("Attenzione Non hai compilato alcuni campi obbligatori")
}
else
{
alert("Attenzione! " + str[campi] + " è un campo obbligatorio.")
}
}
}


//*****************************************************************************
</script>


<form name="info" action="javascript:procedi('pagina_successiva.asp')" >

<input type="radio" name="sesso" value="M">

<input type="radio" name="sesso" value="F">

<input type="radio" name="anzianita" value="meno di 3 anni">

<input type="radio" name="anzianita" value="piu di 3 anni">

<a href="javascript:procedi('domanda2.asp')"> avanti </a>

</form>

[JAVASCRIPT] - Controllo Checkbox

<script language="javascript">
function gotopage(pPagina)
{
document.info.method="post";
document.info.action=pPagina;
document.info.submit();
}

//********* CONTROLLO ALMENO UN CAMPO SELEZIONATO *****************************
function procedi(ind)
{

err=true //variabile che mi dice se ci sono errori

for (counter = 0; counter < document.info.email.length; counter++) {
if (document.info.email[counter].checked)
err = false;
}

if(err==false)
{
//possiamo andare avanti
gotopage(ind)
}
else
{
//messaggio di errore
alert("Attenzione! Devi selezionare almeno un contatto")
}
}
//*****************************************************************************
</script>


<form name="info" method="post" action="javascript:procedi('pagina_successiva.asp')">

<input type="checkbox" name="email" id="email" value="<%=variabile%>">

<input type="checkbox" name="email" id="email" value="<%=variabile%>">

</form>