Afisare camp obligatoriu pentru repetare parola

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
Stefan
Mesaje:117

Afisare camp obligatoriu pentru repetare parola

Salut, cum fac sa afisez cu jquery campul pentru repetarea parolei daca la campul principal cu parola s-au introdus cel putin 5 caractere?

Am facut asa separat dar nu stiu cum as putea integra in script ul meu:
pastebin.com/86qQdN0f

Cod: Selectaţi tot

 $('#parola').blur(function(){
    if($('#parola').val().length > 5 ) {
          $('#parola2').show();
    } else {
         $('#parola2').hide();
    }
});
As vrea ca, dupa ce se introduc 5 caractere in campul principal (acesta nefiind obligatoriu) sa se afiseze cel de-al 2 lea camp (care va fi obligatoriu), cum as putea modifica codul de mai jos pentru a face asta? Sau ar trebui separat

Cod: Selectaţi tot

parola: {
	minlength: 5,
	remote: { 
		url: "actiuni/setari/parola.php", 
		type: "POST",
		data: { id: $('#id').val(), tocken: $('#tocken').val() }
	}
},

MarPlo Mesaje:4343
Salut,
Pentru acest efect simplu de afisare camp in functie de altul, poti face cu un script JS separat, fara jQuery.
Poti sa folosesti codul din acest exemplu:

Cod: Selectaţi tot

Add at least 5 characters, then click Submit button.
<form action='#' method='post'>
<input type='password' id='pass' name='pass'  placeholder='Password'/>
<div><input type='password' id='pass2' name='pass2' style='display:none;'  placeholder='Repeat Password'/></div>
<input type='submit' id="submit" value="Submit" />
</form>

<script>
var pass = document.getElementById('pass');
var pass2 = document.getElementById('pass2');

//if #pass2 has more than 5 characters, show it and makes it required
var showPass2 = function(){
  if(pass.value.length >4){
    pass2.style.display ='block';
    pass2.setAttribute('required', 'required');
    pass2.focus();

    //remove registered blur event
    pass.removeEventListener('blur', showPass2);
  }
}

//register blur event with showPass2() on #pass
pass.addEventListener('blur', showPass2);
</script>
- Demo:
Add at least 5 characters, then click outside the field, or Submit button.

Subiecte similare