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

    Controllo valori input??

    Come posso controllare in tempo reale 2 valori input text di una form. Cioè vorrei che una volta inserito il primo valore nel primo input prima di premere il tasto submit controlli se il secondo valore del secondo input sia uguale . Praticamente con questa form :

    <form name="registrazione">
    <input type="text" name="password"/>
    <input type="text" name="conferma_password"/>
    <input type="submit"/>
    </form>

    l'utente inserisce il valore in password
    poi mentre inserisce il valore in conferma_password ne controllo in tempo reale l'uguaglianza con il campo password se sono diverse mi colori in rosso i due campi. Tutto questo prima del tasto submit che se possibile verrebbe bloccato in caso di password errate.

  2. #2
    inserisci una funzione di controllo all'evento onChange del secondo input

    http://javascript.html.it/guide/lezi...lle-modifiche/

    codice:
    function controllo()
    { if(document.getElementById('pass').value !=  document.getElementById('pass2').value)
    { document.getElementById('pass').style.background = red;
       document.getElementById('pass2').style.background = red;
    }
      else
    { document.getElementById('pass').style.background = white;
       document.getElementById('pass2').style.background = white;
    
    }
    }
    
    .......
    
    
    
    <input type="text" name="password" id="pass"/>
     <input type="text" name="conferma_password" id="pass2" onChange="controllo()"/>
    questa dovrebbe funzionare...
    se vuoi la puoi mettere anche sul primo campo oppure metterlo sul primo e vedere di colorare di rosso solo se quell' altro non è vuoto

  3. #3
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    <form name="registrazione" onsubmit="if(this.password1.value!=this.conferma_p assword.value){alert('controlla password');return false}">
    <input type="text" name="password1"/>
    <input type="text" name="conferma_password"/>
    <input type="submit"/>
    </form>

    occhio: un campo non puo' avere nome "password" o altra parola riservata.
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  4. #4
    scimmiaparlante non mi funziona

  5. #5
    scusa i colori mettili fra ""

    inlotre usando l'evento onKeyUp funziona addirittura in contemporanea come volevi tu.
    (onchange lo fa quando il campo perde il focus)

    alternative simili le trovi su google (es onKeyPressed)(onKeyUp mi sembrava il più bello)

  6. #6
    Hai ragione onKeyUp funziona alla grande Grazieeeeee

  7. #7
    prego
    se vuoi puoi vedere i comportamenti di questi
    http://javascript.html.it/guide/lezi...alla-tastiera/

    ma keyup mi sembra quello che lo fa al momento più opportuno e non è molto invadente


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.