Problema coi Form: disabilitare campo testo

ferenczi

Nuovo Utente
1 Dic 2006
1
0
0
Ciao,

ho un form con due text fields (input).
Ho disabilitato il primo con l'attributo
disabled="disabled".

Ora: vorrei che mi aiutaste nella creazione
di uno script per abilitare queto campo
qualora nel secondo venga inserita la parola
"attivo". Questo è un campo password.

I nomi dei due campi sono "c01" e "c02", mentre
il nome del form è "erre".

Grazie
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Questa domanda l'ho trovata molto interessante e seppur datata credo meriti una risposta, almeno per i futuri visitatori.

La mia idea è questa:

Richiamare una funzione che verifica il contenuto dell'input con l'evento onkeyup di javascript che si attiva non appena lasciato il tasto premuto

HTML:
<html>
    <head>
        <script type="text/javascript">            
            function verifica(valore) {
                // controllo il contenuto di valore
                if(valore=='attivo') {  
                    // riabilito il campo testo
                    document.getElementById('c01').disabled = false;
                    // annullo il value
                    document.getElementById('c01').value="";
                    // metto il focus
                    document.getElementById('c01').focus();
                }
            }
        </script>
    </head>
    <body>
        <form method="post" action="">
            <input type="text" name="c01" id="c01" value="disabled"/>
            <input type="password" name="c02" id="c02" onkeyup="verifica(this.value)"/>
        </form>
        <script type="text/javascript">
            // disabilito il campo testo
            document.getElementById('c01').disabled = true;
        </script>
    </body>
</html>
 

Vale2

Utente Attivo
28 Mag 2006
446
0
0
Livorno
Ciao, criric

in questo modo anche se richiesta una frase esatta nel campo c02, per abilitare c01, dopo che c01 è stato abilitato non è possibile disabilitarlo se viene scritto un'altro carattere o cancellato.

Io opterei per disabilitare il campo c01 con disableb="disabled" , dopo cambi lo stato da disabilitato a abilitato solo se la frase è esatta.


Codice:
<html>
    <head>
        <script type="text/javascript">            
            function verifica(valore) {
                // controllo il contenuto di valore
                if(valore=='attivo') {  
                // riabilito il campo testo
                document.getElementById('c01').disabled = false;
                // annullo il value cancello il testo preimpostato
                document.getElementById('c01').value="";
                // metto il focus
		document.getElementById('c01').focus();
		}else{
		// disabilito il campo testo se la frase 'attivo' non è esatta
                // se viene aggiunta a canceellata una lettera dal campo
                document.getElementById('c01').disabled = true;   
                // riscrivo la frase 'disabilitato' nel campo
		document.getElementById('c01').value="disabilitato";
		}
            }
        </script>
    </head>
    <body>
        <form method="post" action="">
            <input type="text" name="c01" id="c01" value="disabilitato" disabled="disabled" />
            <input type="password" name="c02" id="c02" onkeyup="verifica(this.value)"/>
        </form>
    </body>
</html>

Valeria.
 
Ultima modifica:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Come al solito sei molto attenta e precisa

io non ci avevo nemmeno pensato

ovviamente quoto :fonzie:
 
Discussioni simili
Autore Titolo Forum Risposte Data
S Problema coi link HTML e CSS 2
G Problema coi colori di un menu CSS HTML e CSS 3
G Problema coi modelli di Dreamweaver HTML e CSS 6
I Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz- HTML e CSS 0
K Problema form update PHP 2
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
S Problema nel ciclare un json Javascript 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
K Problema Inner join PHP 1
F firefox problema http Linux e Software 0
N Problema con position absolute e overflow HTML e CSS 4
E Problema jquery Success jQuery 2
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
E problema selezione sfumata Photoshop 2
K [PHP] Problema con variabili concatenate. PHP 1
A Problema filtro fluidifica Photoshop Photoshop 1
H Problema Bordi Scontorno Photoshop 1
O problema con query PHP 4
R Problema installazione Realtek WiFi USB rtl8821 Reti LAN e Wireless 0
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
Y Problema percorso file in rete PHP 1
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
P Problema acquisizione clienti Webdesign e Grafica 1
F NetBeans problema creazione progetto Java Windows e Software 0
M Problema con Try Catch PHP 0
C problema seo + cerco esperto SEO e Posizionamento 11
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
R problema con else PHP 0
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0

Discussioni simili