Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    disablitare/abilitare button senza refresh

    Ciao a tutti ragazzi.

    Ho un form per il login con i consueti due campi "username" e "password" ed un button per il submit.

    Qualcuno saprebbe indicarmi come fare per abilitare/disabilitare il button senza "vedere" il refresh della pagina nei casi in cui i due campi siano entrambi valorizzati o meno? (in pratica il button deve essere clikkabile solo se sia in "username" che in "password" è stato inserito qualcosa...)

    Ciao e grazie

  2. #2
    devi, prima di tutto, disabilitare il bottone di submit (basta mettere disabled="true"), poi deivi inserire sugli eventi onKeyUp dei due input una funzione che controlla se il value dei due campi è diverso da "".

    <input type="text" id="username" name="username" />

    <input type="password" id="pwd" name="pwd" />

    <input id="sbm" disabled="true" value="Accedi" type="submit" />

    come JS usi:

    codice:
    //Questo significa al caricamento della pagina, esegui la seguente funzione
    window.onload = function(){
       //Questo applica come funzione all'evento onKeyUp (quando lascio il bottone, quindi ho applicato
       //il carattere che ho premuto) degli input la function che ho definito sotto
       document.getElementById('username').onkeyup =checkData;
       document.getElementById('pwd').onkeyup =checkData;
    }
    
    function checkData()
    {
       var usern = document.getElementById('username');
       var pwd  =document.getElementById('pwd');
       var btn = document.getElementById('sbm');
       if(usern.value!='' && pwd.value != '')
       {
          btn.removeAttribute('disabled');
       }
       else
       {
          btn.disabled = true;
       }
    }
    I DON'T Double Click!

  3. #3
    Perfetto!

    Grazie mille.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.