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
-
Repetare un pas într-o buclă for in JS
JavaScript - jQuery - Ajax
Primul mesaj
Am o buclă for() precum aceasta care arată ce vreau să fac.
for(var i=0; i<15; i++) {
// Add data in html
// When data has a specified...
Ultimul mesaj
Poti sa adaugi o condiție if() în buclă și cu ea verifici valorile acelor date.
Dacă are valoarea specificată, setează noile date dorite și scade 1...
-
Repetare mesaj de intampinare in camera chat
PHP - MySQL - XML
Primul mesaj
Am functia asta care iti adauga un mesaj in camera de chat bun venit
function addtochat($uid, $rid)
{
global$xyz;
$timeto = 200;
$timenw =...
Ultimul mesaj
Am rezolvat,am creat cum ai spus si tu un fisier php aparte care atunci cand intru in camera de chat sa trec prima data prin acel fisier cu mesajul...
-
Inversare caractere adăugate într-un câmp de text
JavaScript - jQuery - Ajax
Primul mesaj
Am urmatorul cod html si JavaScript. O caseta de text input si un button.
<input type='text' id='backwards-input'>
<button...
Ultimul mesaj
Testeaza si studiaza urmatorul cod:
<input type='text' id='backwards-input'>
<button id='backwards-button'>Button</button>...
-
Regex pentru adrese
PHP - MySQL - XML
Primul mesaj
Salut,
As avea si eu nevoie de ajutor! incerc de ceva zile sa dezvolt un regex/ sau o alta solutie, sa vad daca intr-un string mai mare exista o...
Ultimul mesaj
Ai putea folosii o functie de localizare IP/browser, dar ar fii ceva individual, facusem eu in trecut o functie, ceva de verificare IP si blocare pe...
-
Premiul Nobel pentru chimie din 2020
Stiri Deosebite
Cercetătoarele Emmanuelle Charpentier şi Jennifer A. Doudna au fost recompensate cu premiul Nobel pentru chimie pe anul 2020, anunţ făcut de Academia...
-
Material supraconductor, pentru o revoluție energetică
Stiri Deosebite
Materialele supraconductoare necesită de obicei temperaturi extrem de reci pentru a funcționa. Dar o nouă descoperire ar putea schimba asta.
Oamenii...