[RISOLTO] funzione particolare con gli INPUT

dreamsfriends · 20 Nov 2013

salve ragazzi scusate il disturbo ma c'è un piccolo problema in javascript che non riesco a risolvere

io ho questa funzione che fa cosi ogni volta che pigio un tasto della tastiera nell'input password mi controlla se la chiave è abbastanza lunga e che il valore non scenda sotto 0 il mio quesito è ho 2 input appena richiamo la funzione che è in comune tra i 2 mi aumenta sempre di piu la variabile e quindi diciamo che se inserisco 8 valori in tutti e 2 mi dice che la password è abbastanza lunga vorrei che ogniqualvolta inserisco nel 2 input non mi aumenti e appena rischiaccio un valore nell'altro deve aumentare

HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>

 var controllolunghezzapassword;
	var lunghezzapass=0;
	var inizio=0;
			
function controllopassword()
			{	
				if(lunghezzapass > 0 || inizio==0)
					{ 	
						
						if(inizio==0)
							{
								inizio=1;
								if(event.keyCode != 8)
									lunghezzapass++;
							}
						else
							{
								if(event.keyCode == 8)
									lunghezzapass--;
								else
									lunghezzapass++;
							}
					}
					if(lunghezzapass==0)
							inizio=0;
					
					
				var controllopassword=document.paolo.password.value;
			var controlloconfermapassword=document.paolo.confermapassword.value;
			controllolunghezzapassword=document.paolo.confermapassword.value.length;
		
			if(lunghezzapass > 7  )
						{
							if(controllopassword == controlloconfermapassword) 
								document.getElementById("funzionepass").innerHTML = "<br id="+"controllopassword"+">Le Password coincidono puoi procedere</br>"+lunghezzapass+" "+event.keyCode+" "+controllolunghezzapassword;
							else
								document.getElementById("funzionepass").innerHTML = "<br id="+"controllopassword"+">Le Password non coincidono</br>"+lunghezzapass+" "+event.keyCode+" "+controllolunghezzapassword;
						}
				else
						{
							document.getElementById("funzionepass").innerHTML = "<br id="+"controllopassword"+">La Password è piu corta di 8 caratteri</br>"+lunghezzapass+" "+event.keyCode+" "+controllolunghezzapassword;
		
			
			}
			}
		
			
			
</script>

</head>
<body>

  <input onkeyup="controllopassword()" name="password" type="password" placeholder="Password" />
         <input onkeyup="controllopassword()"  name="confermapassword"type="password" placeholder="Conferma Password" />
</body>
</html>

criric · 20 Nov 2013

Ciao, lo script che hai postato non funziona, ci sono diversi errori
io comunque di consiglierei di fare due funzioni distinte per i due input

HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script>
            function controllopassword() {	
                
            }
            function confermapassword() {
                
            }
        </script>

    </head>
    <body>
        <input onkeyup="controllopassword(this)" name="password" type="password" placeholder="Password" />
        <input onkeyup="confermapassword(this)"  name="confermapassword" type="password" placeholder="Conferma Password" />
    </body>
</html>

Nell prima verifichi la lunghezza e nella seconda controlli se corrispondono

dreamsfriends · 20 Nov 2013

funizone particolare

grazie ma purtroppo non va ci avevo gia provato io ieri sera ma nada cmq mi pare ci manchi qualcosa nell'input c'è controllopass(this) e nella funzione invece non c'è nulla ma cmq non va anche se ci metto qualcosa, aiutatemi please

criric · 20 Nov 2013

prova questo

HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script>
            function cfpsw(input) {               
                if(input.value != document.modulo.password.value) {
                    document.getElementById("cfpsw").innerHTML = "non corrispondono";
                }else{
                    document.getElementById("cfpsw").innerHTML = "ok";
                }
            }
            function ctpsw(input) {	
                
                if(input.value.length < 8) {
                    document.getElementById("ctpsw").innerHTML = "troppo corta";
                }else{
                    document.getElementById("ctpsw").innerHTML = "ok";
                }
            }
            
        </script>

    </head>
    <body>
        <form name="modulo">
            <input onkeyup="ctpsw(this)" name="password" type="password" placeholder="Password" />
            <span id="ctpsw"></span>
            <br/>
            <input onkeyup="cfpsw(this)"  name="confermapassword" type="password" placeholder="Conferma Password" />
            <span id="cfpsw"></span>
        </form>

    </body>
</html>

ps:
Quando posti del codice racchiudilo tra i tag presenti sulla barra di formattazione (ultime icone seconda riga) lo rendi più leggibile per gli altri utenti

dreamsfriends · 20 Nov 2013

criric ha scritto:

prova questo

HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script>
            function cfpsw(input) {               
                if(input.value != document.modulo.password.value) {
                    document.getElementById("cfpsw").innerHTML = "non corrispondono";
                }else{
                    document.getElementById("cfpsw").innerHTML = "ok";
                }
            }
            function ctpsw(input) {	
                
                if(input.value.length < 8) {
                    document.getElementById("ctpsw").innerHTML = "troppo corta";
                }else{
                    document.getElementById("ctpsw").innerHTML = "ok";
                }
            }
            
        </script>

    </head>
    <body>
        <form name="modulo">
            <input onkeyup="ctpsw(this)" name="password" type="password" placeholder="Password" />
            <span id="ctpsw"></span>
            <br/>
            <input onkeyup="cfpsw(this)"  name="confermapassword" type="password" placeholder="Conferma Password" />
            <span id="cfpsw"></span>
        </form>

    </body>
</html>

ps:
Quando posti del codice racchiudilo tra i tag presenti sulla barra di formattazione (ultime icone seconda riga) lo rendi più leggibile per gli altri utenti

ti ringrazzio ma c'è un piccolo problema se io inizio ad inserire dal 2 input mi dira sempre non corrispondono e se inserisco dopo l'ottava cifra rimarra sempre ok fintanto che non scrivo nella 2 che dopo dice non corrispondono è questo il vero problema che intendevo la funzione l'avevo gia fatta anche in sta maniera ma in uno mi da il problema dell sempre ok dopo l'inserimento dell'8 cifra e invece nell'altro quando superavo l'8 cifra e cancellavo nel primo mi dava sempre la non coincidono

criric · 20 Nov 2013

se vuoi la password di 8 caratteri esatti basta modificare cosi

Codice:

function ctpsw(input) {                
                if(input.value.length != 8) {
                    document.getElementById("ctpsw").innerHTML = "La pssword deve essere di otto caratteri";
                }else{
                    document.getElementById("ctpsw").innerHTML = "ok";
                }
            }

Per l'altro problema non ho capito, il secondo input serve per verificare cosa c'è scritto nel primo, se nel primo non c'è niente deve dare errore

dreamsfriends · 20 Nov 2013

[risolto]

criric ha scritto:
se vuoi la password di 8 caratteri esatti basta modificare cosi

Codice:

function ctpsw(input) { if(input.value.length != 8) { document.getElementById("ctpsw").innerHTML = "La pssword deve essere di otto caratteri"; }else{ document.getElementById("ctpsw").innerHTML = "ok"; } }

Per l'altro problema non ho capito, il secondo input serve per verificare cosa c'è scritto nel primo, se nel primo non c'è niente deve dare errore

scusami se non ti ho risposto ma ero impegnato cmq ora ho risolto la funzione completa è questa:

Codice:

function confpasswordi(input) 
	{
				if( input.value.length >=8 && document.paolo.password.value.length >= 8)
					{        
                		if(input.value != document.paolo.password.value) 
							{
                  				document.getElementById("funzionepass").innerHTML = "<br id="+"controllopassword"+">Le Password non coincidono</br>";
    						}
						else
							{
                  				document.getElementById("funzionepass").innerHTML = "<br id="+"controllopassword"+">Le Password coincidono puoi procedere</br>"
                			}
					}
				else
					{
						if(!(input.value.length >= 8))
							{
								if(document.paolo.password.value.length >= 8)
									{
										document.getElementById("funzionepass").innerHTML = "<br id="+"controllopassword"+">La seconda password è piu corta di "+(8-document.paolo.confermapassword.value.length)+" caratteri la prima è perfetta </br>";	
								
									}
								else
									{
										document.getElementById("funzionepass").innerHTML = "<br id="+"controllopassword"+">La prima password è piu corta di "+(8-document.paolo.password.value.length)+" caratteri la seconda di "+(8-document.paolo.confermapassword.value.length)+"</br>";
									}
							}
						else
							{
								document.getElementById("funzionepass").innerHTML = "<br id="+"controllopassword"+">La prima password è piu corta di "+(8-document.paolo.password.value.length)+" caratteri la seconda è perfetta </br>";
							
							}
					}
    
	
	
	
	
	}




function passwordi(input) 
	{	
                
              	if(!(input.value.length >= 8 && document.paolo.confermapassword.value.length >= 8) )
					{
                  		if(!(input.value.length >= 8))
							{
								if( document.paolo.confermapassword.value.length >= 8)
									{
										document.getElementById("funzionepass").innerHTML = "<br id="+"controllopassword"+">La prima password è piu corta di "+(8-document.paolo.password.value.length)+" caratteri la seconda è perfetta </br>";
										
									}
								else
									{	
										document.getElementById("funzionepass").innerHTML = "<br id="+"controllopassword"+">La prima password è piu corta di "+(8-document.paolo.password.value.length)+" caratteri la seconda di "+(8-document.paolo.confermapassword.value.length)+"</br>";
									}
							}
						else
							{
								
								document.getElementById("funzionepass").innerHTML = "<br id="+"controllopassword"+">La seconda password è piu corta di "+(8-document.paolo.confermapassword.value.length)+" caratteri la prima è perfetta </br>";
							
							}
                	}
				else
					{
					
					
                  		if(input.value != document.paolo.confermapassword.value) 
							{
                  				document.getElementById("funzionepass").innerHTML = "<br id="+"controllopassword"+">Le Password non coincidono</br>";
    						}
						else
							{
                  				document.getElementById("funzionepass").innerHTML = "<br id="+"controllopassword"+">Le Password coincidono puoi procedere</br>"
                			}
                	
					
					
					}
				

            }

Cerca

Cerca

[RISOLTO] funzione particolare con gli INPUT

dreamsfriends

Nuovo Utente

criric

Super Moderatore

dreamsfriends

Nuovo Utente

criric

Super Moderatore

dreamsfriends

Nuovo Utente

criric

Super Moderatore

dreamsfriends

Nuovo Utente

Discussioni simili