Script per disabilitare input txt

**Grinder** · 03-07-2005, 13:17

Ho questo script:

codice:

<script language="javascript">
function disattiva_txt2(radio2){
   for (c=0;c<document.inp_db[radio2].length;c++){
     if (document.inp_db[radio2][c].value=='0')    {
document.getElementById('mire1').disabled='disabled';
document.getElementById('mire2').disabled='disabled';
   } else {
       document.getElementById('mire1').disabled='';
	   document.getElementById('mire2').disabled='';
   } 
  }
}
        </script>

La sua funzione sarebbe quella di disabilitare un campo di testo quando tra due radio si clicca quello con valore 0, in parte funziona, cioè quando clicco sul radio con valore 1 il campo si disabilita (veramente dovrebbe fare il contrario) e poi non si riabilità più. Cos'è che sbaglio?

**Grinder** · 03-07-2005, 15:29

**Xinod** · 03-07-2005, 19:07

la logica della condizione non mi suona corretta, ma sono stanco e potrei non intendere correttamente

if(document.inp_db[radio2][c].checked && document.inp_db[radio2][c].value=='0') {...}

per disabled userei true o false invece di "disabled" o ""

ciao

**pyotrex** · 24-10-2005, 20:30

Mi aggancio al 3d

Io ho una situazione di questo tipo:
all'interno di un form ho 2 input type testo e un checkbox, uno dei 2 input type ad esempio il secondo al caricamento della pagina deve essere readonly. Se seleziono la checkbox il readonly passa al primo input lasciandomi libero di modificare il secondo, se la deseleziono succede il contrario; in pratica la check scambia lo stato di readonly da 2 a 1 e da 1 a 2. Se la check non fosse lo strumento + adeguato posso cambiare tipo di input.

Butto giù 2 righe di come è la situazione adesso

codice:

<form action="pagina" method="post" name="modulo">
<input type="text" name="sconto" value="bello" readonly>
<input type="text" name="prezzo" value="brutto">
<input type="checkbox" name="checkbox" value="1">
</form>

**cavicchiandrea** · 24-10-2005, 22:39

Originariamente inviato da pyotrex
Mi aggancio al 3d

Io ho una situazione di questo tipo:
all'interno di un form ho 2 input type testo e un checkbox, uno dei 2 input type ad esempio il secondo al caricamento della pagina deve essere readonly. Se seleziono la checkbox il readonly passa al primo input lasciandomi libero di modificare il secondo, se la deseleziono succede il contrario; in pratica la check scambia lo stato di readonly da 2 a 1 e da 1 a 2. Se la check non fosse lo strumento + adeguato posso cambiare tipo di input.

Butto giù 2 righe di come è la situazione adesso

codice:

<form action="pagina" method="post" name="modulo">
<input type="text" name="sconto" value="bello" readonly>
<input type="text" name="prezzo" value="brutto">
<input type="checkbox" name="checkbox" value="1">
</form>

Prova cosi:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script>
function cambia(){
if(document.modulo.modifica.checked){
document.modulo.sconto.readOnly='';
document.modulo.prezzo.readOnly=true;
}else{
document.modulo.prezzo.readOnly='';
document.modulo.sconto.readOnly=true;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
</head>

<body>


<form action="pagina.html" method="post" name="modulo">
<input type="text" name="sconto" value="bello" readonly="true">
<input type="text" name="prezzo" value="brutto">
<input type="checkbox" name="modifica" onClick="cambia();" value="1">
</form>


 </p>
</body>
</html>

**pyotrex** · 25-10-2005, 12:05

Intanto grazie, secondo te è possibile che con questo codice tutti gli input siano in sola lettura?

codice:

<input type="text" name="sconto_pianificazione[186]" value="25.00" maxlength="5" readonly="false"> 
<input type="text" name="sconto_ruolo[186]" value="5.00" maxlength="5" readonly="false">
<input type="text" name="sconto_qta[186]" value="5.00" maxlength="5" readonly="false"> 
<input type="text" name="sconto_discrezionale[186]" value="5.00" maxlength="5" readonly="false">
<input type="checkbox" name="checkbox[186]" value="1">
<input type="text" name="prezzo_finito[186]" value="49.51" maxlength="5" readonly="true">
<input type="text" name="qta[186]" value="1" size="3" maxlength="5">

Io mi aspettavo lo fosse solo quello con readonly="true" , sembra quasi che quando si trova readonly, indipendentemente dal fatto che sia true o false, venga attivato. :master:

**Mich_** · 25-10-2005, 12:26

Dipende dal DOCTYPE.

Se e` XHTML Strict, dovrebbe interpretare correttamente i tuoi true e false; nelle altre DTD interpreta solo il readonly (che non supporta valori).

Le specifiche dicono di mettere:
readonly="readonly"
solo nei campi che vuoi di sola lettura.

**pyotrex** · 25-10-2005, 12:47

Originariamente inviato da Mich_
Dipende dal DOCTYPE.

Se e` XHTML Strict, dovrebbe interpretare correttamente i tuoi true e false; nelle altre DTD interpreta solo il readonly (che non supporta valori).

Le specifiche dicono di mettere:
readonly="readonly"
solo nei campi che vuoi di sola lettura.

Mettendo questo DOCTYPE(spero sia corretto):

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

e lasciando tutto come sopra non funziona, i miei input type continuano ad essere readonly.

Se io rimanessi al DOCTYPE:

codice:

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

C'è la possibilità di fare quello che chiedevo sopra: ovvero tramite una checkbox scambiare lo stato readonly tra 2 input type?

**Mich_** · 25-10-2005, 14:52

Prova a validare la pagina per il codice HTML, e vedi cosa ti dice il validatore.

**SymX** · 11-11-2006, 00:05

Originariamente inviato da cavicchiandrea
Prova cosi:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script>
function cambia(){
if(document.modulo.modifica.checked){
document.modulo.sconto.readOnly='';
document.modulo.prezzo.readOnly=true;
}else{
document.modulo.prezzo.readOnly='';
document.modulo.sconto.readOnly=true;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
</head>

<body>


<form action="pagina.html" method="post" name="modulo">
<input type="text" name="sconto" value="bello" readonly="true">
<input type="text" name="prezzo" value="brutto">
<input type="checkbox" name="modifica" onClick="cambia();" value="1">
</form>


 </p>
</body>
</html>

Ciao ho utilizzato lo stesso metodo per una cosa....benissimo. Ti spiego questa è la mia situazione Javascript:

codice:

function IsNumeric(strString)
   //  check for valid numeric strings	
   {
   var strValidChars = "0123456789.-";
   var strChar;
   var blnResult = true;

   if (strString.length == 0) return false;

   //  test strString consists of valid characters listed above
   for (i = 0; i < strString.length && blnResult == true; i++)
      {
      strChar = strString.charAt(i);
      if (strValidChars.indexOf(strChar) == -1)
         {
         blnResult = false;
         }
      }
   return blnResult;
   }
function checkinputPR()
  {
   if (document.newitem.textprezzo.value.length == 0) 
      {
      alert("Inserisci un valore nel campo PREZZO");
      } 
   else if (IsNumeric(document.newitem.textprezzo.value) == false) 
      {
      alert("Attenzione - Campo numerico!");
      }
  }
<script language="JavaScript">
			function saveall()
			{			
			if (IsNumeric(document.newitem.textprezzo.value) == true)
			  {
			  document.getElementById("newitem").submit()
			  }
			}
		</script>

<script language="javascript">
function disableprice(){
if(document.newitem.checkprice.checked){
document.newitem.textprezzo.readOnly=false;
}else{
document.newitem.textprezzo.readOnly=true;
}
}
</script>

Tenendo conto degli ultimi due script del codice......sullo stesso campo input "textprezzo" ho un altro script che mi forza nel mettere caratteri e per lo piu devono essere numerici, al suo interno .... Quando tolgo il check il campo input si disabilita ma lasciando poi il suo valore vuoto fa scattare l'altro controllo che non permette al pulsante "Salva" di salvare. Come faccio a dirgli di eseguire il controllo su quel campo solo se l'elemento input è abilitato ??

Discussione: Script per disabilitare input txt

Strumenti discussione

Ricerca discussione

Visualizza

Script per disabilitare input txt

per cavicchiandrea

Permessi di invio