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.