Controllo particolare su select multiple

**wegawhite** · 01-05-2006, 13:24

Ciao a tutti.

Ho questo script:

codice:

<html>
<head>
<script language="JavaScript" type="text/JavaScript">
 
<!--
  
function convalidaForm(Qform) 
{
 

  for (var a = 0; a < Qform.elements.length; a++) 
	{
	var campo = Qform.elements[a];
 
      	if ((campo.value == '') || (campo.value == 'undefined')) 
		{
        	window.alert('Il campo "' + campo.name +'"\nè un campo obbligatorio in questo form.');
        	campo.focus();
        	return false;
      		}
        }
      		
 
  // Abilita l'invio del FORM
  return(true);
}
  
//-->
 
</script>
 
</head>
<body>

<form method="post" action="test.asp" onsubmit="return(convalidaForm(this));">

<select size="6" name="preferenza" multiple>
<option>Seleccionar</option>
<option value="Pippo">1-Pippo</option>
<option value="Vittorio">2-Vittorio</option>
<option value="Luigi">3-Luigi</option>
<option value="Pasticcio>4-Pasticcio</option>
<option value="Giasso">5-Giasso</option>
<option value="Proietti">6-Proietti</option>
</select>

<input type="text" name="securityCode" id="securityCode" size="20" maxlength="12" autocomplete="off" />

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

Come faccio oltre a controllare che la select non sia vuota che siano selezionati almeno tre dei sei valori presentati ?

Grazie-

**wegawhite** · 01-05-2006, 14:54

I valori selezionati nella multiple devono essere tre, nè uno in meno e nè uno in più.
Nessuna idea? Con la ricerca ho trovato questa ma accetta anche 1 e 2 valori:

codice:

<SCRIPT>
var vecchie = new Array();

function conta(s) {
	quante = 0;
	nuove = new Array();
	for (var i=0;i<s.length;i++) {
		if(s.options[i].selected) {
			quante++;
			nuove[i] = true;
		} else {
			nuove[i] = false;
		}
	} 
	if(quante>3) {
		alert("Troppe!");
		for (var i=0;i<s.length;i++) {
			s.options[i].selected = vecchie[i];
		}
	} else {
		vecchie = nuove;
	}
}
</SCRIPT>

<select size="6" name="preferenza" multiple onchange="conta(this)">

**wegawhite** · 01-05-2006, 19:01

Niente non ci riesco...

**fcaldera** · 01-05-2006, 19:15

codice:

<SCRIPT>
var vecchie = new Array();

function conta(s) {
	quante = 0;
	nuove = new Array();
	for (var i=0;i<s.length;i++) {
		if(s.options[i].selected) {
			quante++;
			nuove[i] = true;
		} else {
			nuove[i] = false;
		}
	} 
	if(quante != 3) {
		//alert("Seleziona 3 opzioni");
		for (var i=0;i<s.length;i++) {
			s.options[i].selected = vecchie[i];
		}
	} else {
		vecchie = nuove;
	}
}
</SCRIPT>

<select size="6" name="preferenza" multiple onchange="conta(this)">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
   <option value="4">4</option>
   <option value="5">5</option>
   <option value="6">6</option>
</select>

Ciao

**wegawhite** · 01-05-2006, 19:54

Grazie fcaldera, ma non funziona... non si riesce a selezionare nemmeno una voce della select multiple... quando ci clicco sopra il valore non si seleziona...

**wegawhite** · 01-05-2006, 20:32

prova qui

**fcaldera** · 01-05-2006, 20:42

si è vero perchè il ciclo for successivo all'alert rimette la select nello stato iniziale...

Ma tu come lo devi integrare questo script ? E' collegato ad un form da inviare?
Quando (in corrispondenza di quale evento) devi fare il controllo sul numero di options selezionate?

**wegawhite** · 01-05-2006, 20:45

Grazie, posto il codice completo:

codice:

<html>
<head>
<script language="JavaScript" type="text/JavaScript">
 
<!--
  
function convalidaForm(Qform) 
{
 
if (Qform.preferenza.value == "") 
{ 
alert("KO."); 
Qform.preferenza.focus(); 
return false; 
} 
 
if (Qform.securityCode.value == "") 
{ 
alert("KO"); 
Qform.securityCode.focus(); 
return false; 
} 
         
  // Abilita l'invio del FORM
  return(true);
}
  
//-->
 
</script>

<script language="JavaScript" type="text/JavaScript">
 
<!--

var vecchie = new Array();

function conta(s) {
	quante = 0;
	nuove = new Array();
	for (var i=0;i<s.length;i++) {
		if(s.options[i].selected) {
			quante++;
			nuove[i] = true;
		} else {
			nuove[i] = false;
		}
	} 
	if(quante>3) {
		alert("Troppe!");
		for (var i=0;i<s.length;i++) {
			s.options[i].selected = vecchie[i];
		}
	} else {
		vecchie = nuove;
	}
}

 //-->
 
</script>
  
</head>
<body>
 
<form method="post" action="test.asp" onsubmit="return(convalidaForm(this));">
 
<select size="6" name="preferenza" multiple onchange="conta(this)">
<option>Selezionare valore</option>
<option value="Pippo">1-Pippo</option>
<option value="Vittorio">2-Vittorio</option>
<option value="Luigi">3-Luigi</option>
<option value="Pasticcio>4-Pasticcio</option>
<option value="Giasso">5-Giasso</option>
<option value="Proietti">6-Proietti</option>
</select>
 
<input type="text" name="securityCode" id="securityCode" size="20" maxlength="12" autocomplete="off" />
 
</form>
</body>
</html>

Grazie,
WW

**fcaldera** · 01-05-2006, 20:55

togli l'evento onchange dalla select. Meglio se fai il controllo del numero delle options sulla funzione che richiami all'onsubmit del form modificando la funzione così

codice:

function convalidaForm(Qform) {

    var numopt = 0;
    var sel = Qfrom.preferenza;


    if (Qform.preferenza.value == "") { 
        alert("KO."); 
        Qform.preferenza.focus(); 
        return false; 
    } 
     
    if (Qform.securityCode.value == "") { 
        alert("KO"); 
        Qform.securityCode.focus(); 
        return false; 
    } 



    for (i=0; i<sel.length; i++) {
       if (sel.options[i].selected) ++numopt;
    }

    if (numopt != 3) {
       alert('seleziona 3 otpions');
       return false;
    }
    return true;


}

**wegawhite** · 01-05-2006, 21:00

Grazie adesso se nella select multiple non ci sono 3 valori selezionati il form non parte... MILLE GRAZIE !!!!

Discussione: Controllo particolare su select multiple

Strumenti discussione

Ricerca discussione

Visualizza

Controllo particolare su select multiple

Permessi di invio