Jquery űrlap ellenőrzés 3 eseménynél?
3 eseménynél szeretnék leellenőrizni egy űrlapot a kliens oldalon:
keyup, keydown és blur
Most jelenleg így néz ki a kód:
var felhasznalonev = $("#input_felhasznalonev");
var jelszo = $("#input_jelszo");
var email = $("#input_email");
ellenorzes(felhasznalonev,"felhasznalonev");
ellenorzes(jelszo,"jelszo");
ellenorzes(email,"email");
function ellenorzes(input,id){
//blur
input.blur(function(){
//Felhasználónév
if(id=="felhasznalonev"){
ellenőrzések...
}
//Jelszó
if(id=="jelszo"){
ellenőrzések...
}
});
if(id=="email"){
ellenőrzések...
}
//keyup
input.keyup(function(){
//Felhasználónév
if(id=="felhasznalonev"){
ellenőrzések...
}
//Jelszó
if(id=="jelszo"){
ellenőrzések...
}
});
if(id=="email"){
ellenőrzések...
}
//keydown
input.keydown(function(){
//Felhasználónév
if(id=="felhasznalonev"){
ellenőrzések...
}
//Jelszó
if(id=="jelszo"){
ellenőrzések...
}
if(id=="email"){
ellenőrzések...
}
});
}
Mint láthatjátok, a különböző dolgoknak, felhasználónév, jelszó, email, mind a három eseménynél meg kell írni az ellenőrzéseket, ugyan azokat. Nem lehetne valahogy ezt tömörebben, egyszerűbben?
Adj minden ellenőrizendő elemnek egy ellenorizendo osztályt (class="ellenorizendo"), majd használj egy ilyesmi szerkezetet:
Ilyen esetben az ellenorizendo osztályú elemeknél a blur, keyup és keydown események végrehajtódásánál adódik át az adott elem id attribútuma az ellenoriz függvénynek, ami alapján eldöntődik, hogy melyik ellenőrizési metodika szükséges.
A fenti kódon több hiba is van, ami miatt nem fog működni.
Ezen kívül ha több eseménnyel akarsz ugyanazon hatást kiváltani, célszerű a jQuery .on eseménykezelőjét használni.
Működő minta:
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!