function enabled

**Rossella_75** · 08-08-2006, 19:08

ciao a tutti,

ho tre campi input

codice:

<input name="campo01" type="text" class="questo_input" id="campo01">
<input name="campo02" type="text" class="questo_input" id="campo02">
<input name="campo03" type="text" class="questo_input" id="campo03">

e vorrei fare una funzione in modo che l'utente possa compilare solo uno dei tre,

codice:

function controllo campi(campo1,campo2,campo3,mioform) {
	var f=document.mioform;
/*
come faccio a disabilitare i campi se uno dei tre e pieno
oppure abilitare tutti i campi se sono tutti vuoti
oppure se scrivo in un campo come disabilito gli altri?
*/
}

ma non riesco a capire come strutturarla... :master:

Grazie

**br1** · 08-08-2006, 19:47

Prova cosi':

codice:

<script>
function controlla(obj) {
  rv = false;
  for (var i=1;i<=3;i++) {
    cp = document.getElementById("campo0"+i);
	rv = rv || (cp!=obj && cp.value.length>0);
  }
  if (rv) obj.blur();
}
</script>
<body>
<input name="campo01" type="text" class="questo_input" id="campo01" onfocus="controlla(this)">
<input name="campo02" type="text" class="questo_input" id="campo02" onfocus="controlla(this)">
<input name="campo03" type="text" class="questo_input" id="campo03" onfocus="controlla(this)">
</body>

ciao

**Rossella_75** · 09-08-2006, 10:27

grazie mille è perfetto!

**Rossella_75** · 09-08-2006, 10:39

scusa una piccola precisazione,

sto provando ad implamentare cosi per verificare che il campo contenga un numero

codice:

function controlla(obj) {
  rv = false;
  	if(!(obj.match(/^(\+)?(\d)+$/))){
		return false;
	}else{
  		for (var i=1;i<=3;i++) {
    		cp = document.getElementById("controtelaio0"+i);
			rv = rv || (cp!=obj && cp.value.length>0);
		}
  	}
  if (rv) obj.blur();
}

ma non mi funziona... :master:

**br1** · 09-08-2006, 13:50

Non e' buona pratica mischiare due controlli con finalita' cosi' diverse... lo script diventa di difficile interpretazione.

Comunque:

codice:

<script>
function controlla(obj) {
  rv = false;
  for (var i=1;i<=3;i++) {
    cp = document.getElementById("campo0"+i);
	rv = rv || (cp!=obj && cp.value.length>0);
  }
  if (rv) obj.blur();
  obj.style.backgroundColor='white';
  if (obj.value!=""&&!obj.value.match(/^(\+)?(\d)+$/)) {
    obj.style.backgroundColor='yellow';
	obj.focus();
  }
}
</script>
<body>
<input name="campo01" type="text" class="questo_input" id="campo01" onfocus="controlla(this)" onblur="controlla(this)">
<input name="campo02" type="text" class="questo_input" id="campo02" onfocus="controlla(this)" onblur="controlla(this)">
<input name="campo03" type="text" class="questo_input" id="campo03" onfocus="controlla(this)" onblur="controlla(this)">
</body>

ciao

**Rossella_75** · 09-08-2006, 16:04

grazie mille!

è perfetto!

Discussione: function enabled

Strumenti discussione

Ricerca discussione

Visualizza

function enabled

Permessi di invio