Abilitazione/disabilitazione campi

**viki1967** · 04-07-2006, 18:18

Ciao.

Ho realizzato il seguente form di inserimento dati:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Help Desk Virtuale</title>
<link rel="stylesheet" href="stylesheet.css">

<script language="JavaScript" type="text/JavaScript">
<!--
  
function checkData(calllog)
{
  if (calllog.Nome.value.length <= 0)
    {
      alert("Nome non inserito.");
      calllog.Nome.focus();
 
      // Invio del FORM abortito
      return(false);
    }
    
      if (calllog.Cognome.value.length <= 0)
    {
      alert("Cognome non inserito.");
      calllog.Cognome.focus();
 
      // Invio del FORM abortito
      return(false);
    }
    
    
      var re = new RegExp("^[!#$&'*+/-9=?A-Z^-~-]+(\\.[!#$&'*+/-9=?A-Z^-~-]+)*@" +
                          "([!#$&'*+/-9=?A-Z^-~-]+\\.)+([a-zA-Z]+)$", "");
   
      if (!calllog.Email.value.match(re))
    {
      alert("Email non corretta.");
      calllog.Email.focus();
 
      // Invio del FORM abortito
      return(false);
    }
    
    
      if (calllog.Categoria.value.length <= 0)
    {
      alert("Categoria non selezionata.");
      calllog.Categoria.focus();
 
      // Invio del FORM abortito
      return(false);
    }

    
      // Abilita l'invio del FORM
  return(true);
}
 
//-->
</script>
</head>
 
<body>
 
        <form name="calllog" method="post" action="send.asp" onSubmit="return checkData(this)">
 

 
                <select name="Categoria" id="CLProblemaCat" class="formx">
                  <option>-- Selezionare la categoria del problema --</option>
                  <option value="Account">Account</option>
                  <option value="Email">Email</option>
                  <option value="Forum">Forum</option>
                  <option value="Guestbook">Guestbook</option>
                  <option value="Newsletter">Newsletter</option>
                  <option value="SPAM">SPAM</option>
                  <option value="Registrazione">Registrazione</option>
                  <option value="Website">Website</option>
                  <option value="Altra">Altra categoria</option>
                </select>
 
                <input name="Categoria2" type="text" id="CLProblemaAltro" size="31" maxlength="100" class="formx">
 
</form>
</body>
</html>

Come si può vedere il campo select "Categoria" è previsto nel form come campo obbligatorio, mentre il campo text "Categoria2" non è previsto come obbligatorio.

Vorrei però che:

1) in caso di selezione di una categoria diversa da "Altra categoria" dalla select "Categoria", il campo text "Categoria2" venisse disabilitato alla compilazione (con cambio di colore al grigio);

2) in caso di selezione, invece, della voce "Altra categoria" dalla select "Categoria", il campo text "Categoria2" diventasse obbligatorio alla compilazione;

Non so se sto chiedendo l'impossibile, ma spero che sia un'idea/condizione realizzabile.

Grazie.

**ciucciatiilcalzino** · 04-07-2006, 19:31

gestisci il tipo di categoria che vuoi abilitare e disabilitare (con degli if o select case)

e poi puoi usare questo comando per disabilitare il campo

document.calllog.Categoria2.disabled=false

**fcaldera** · 04-07-2006, 19:36

Originariamente inviato da ciucciatiilcalzino
e poi puoi usare questo comando per disabilitare il campo
document.calllog.Categoria2.disabled=false

no quello fa l'esatto opposto... abilita il campo

per disabilitarlo
document.calllog.Categoria2.disabled = 'disabled'

per abilitarlo
document.calllog.Categoria2.removeAttribute('disab led') oppure
document.calllog.Categoria2.disabled = false

Ciao

**viki1967** · 05-07-2006, 10:31

Scusate ma non ho capito come devo modificare il codice...

**viki1967** · 06-07-2006, 21:05

In caso di necessità integriamo la potente ricerca:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Help Desk Virtuale</title>
<link rel="stylesheet" href="stylesheet.css">
<script language="JavaScript" type="text/JavaScript">
<!--
function checkData(calllog)
{
    
      if (calllog.Categoria.value.length <= 0)
    {
      alert("Categoria non selezionata.");
      calllog.Categoria.focus();
 
      // Invio del FORM abortito
      return(false);
    }

       if (calllog.Categoria.value =="Altra" && calllog.Categoria2.value.length == "")
    {
      alert("Categoria  non selezionata.");
      calllog.Categoria.focus();
  
      // Invio del FORM abortito
      return(false);
    }
  
      // Abilita l'invio del FORM
  return(true);
}
 
//-->
</script>
</head>
 
<body>
 
        <form name="calllog" method="post" action="send.asp" onSubmit="return checkData(this)">
 

 
                <select name="Categoria" id="CLProblemaCat" class="formx" onchange="if(this.options[9].selected) this.form.Categoria2.disabled = false; else this.form.Categoria2.disabled = true;">
                  <option>-- Selezionare la categoria del problema --</option>
                  <option value="Account">Account</option>
                  <option value="Email">Email</option>
                  <option value="Forum">Forum</option>
                  <option value="Guestbook">Guestbook</option>
                  <option value="Newsletter">Newsletter</option>
                  <option value="SPAM">SPAM</option>
                  <option value="Registrazione">Registrazione</option>
                  <option value="Website">Website</option>
                  <option value="Altra">Altra categoria</option>
                </select>
 
                <input name="Categoria2" disabled type="text" id="CLProblemaAltro" size="31" maxlength="100" class="formx" value="">
 


<input type="submit" value="Invia" name="B1"></p>
</form>
</body>
</html>

Discussione: Abilitazione/disabilitazione campi

Strumenti discussione

Ricerca discussione

Visualizza

Abilitazione/disabilitazione campi

Permessi di invio