Pagina 1 din 1

Afisare camp obligatoriu pentru repetare parola

Scris: Dum Ian 28, 2018
de Stefan
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() }
	}
},

Afisare camp obligatoriu pentru repetare parola

Scris: Lun Ian 29, 2018
de MarPlo
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.