Kezdőoldal » Számítástechnika » Programozás » Hogy lehet Javascripttel...

Hogy lehet Javascripttel egyszerre több dolgot is ellenőrizni?

Figyelt kérdés

4 vagy 5 beviteli mezőbe (input) beírt adatot kellene ellenőrizni (a feltételt), de van olyan feltétel (hosszabb-e a szöveg 8 karakternél, van a benne szám, stb), aminek több mezőt is ellenőrizni kéne, és olyan is, ami csak egyet. A javascriptben a mezők id-jére kell hivatkozni, de mivel több dolgot kell egyszerre ellenőrizni, ezért összekavarodik:


Itt egy példa az ellenőrzés kódjára:

(document.getElementById('input-id').value.length>0)



2017. dec. 7. 18:41
 1/7 anonim ***** válasza:

A jelszón kívül melyik az a mező, aminél értelmes az a feltétel, hogy van-e benne szám?


Kicsit még gyúrd a javascriptet, mert a kérdés alapján az űrlapellenőrzés még nehéz neked.

2017. dec. 7. 18:54
Hasznos számodra ez a válasz?
 2/7 A kérdező kommentje:
Ezeket csak példákként írtam. Pl a teljes névben kell lennie szóköznek is. Meg mindegyik mezőt ki kell tölteni.
2017. dec. 7. 18:56
 3/7 anonim ***** válasza:
Ne vergődj már.
2017. dec. 7. 19:50
Hasznos számodra ez a válasz?
 4/7 Drone007 ***** válasza:

Az űrlapellenőrzés mechanikája, ha végiggondolod akkor viszonylag egyszerű:

1. a submit gomb megnyomását elfogjuk javascripttel (nem engedjük végrahajtani a submitot)

2. végigmegyünk az input elemeket, és a megfelelő ellenőrzéseket elvégezzük, és kigyűjtjük a hibákat

3. az iteráció végén ellenőrizzük, hogy volt-e hiba. ha volt, akkor hibaüzenetet írunk, ha nem, akkor submittoljuk az űrlapot


A tartalom ellenőrzéshez használhatsz reguláris kifejezéseket: emailek, url-ek, speciálisan formázandó vagy formátumú adatsoroknál (pl rendszámok, banki azonosítók, irányítószámok) nagyon hasznos.


rövid példa:


document.getElementById('submit_gomb_ID').addEventListener('click', function(e){

e.preventDefault();

var hibak = 0;


// végigveheted az összes mezőt, hogy van-e üres:

var mezok = document.getElementsByTagName('input');

for(i=0; i<mezok.length; i++){

if (mezok[i].value == "") {hibak++;}

}


// egyesével is ellenőrizheted őket a tartalomra vonatkozóan:

var emailcheck = /(.+)@(.+){2,}\.(.+){2,}/.test(document.getElementById('email_mezo').value);

if (!emailcheck) {hibak++;}


...


// ellenőrizd volt-e hiba

if (hibak > 0) {

alert("Az űrlapon hibák vannak");

} else {

document.getElementById('urlap_ID').submit;

}


});

2017. dec. 8. 07:02
Hasznos számodra ez a válasz?
 5/7 anonim ***** válasza:
Javaslom az egyes inputoknál az onchange eseményhez listener-eket kapcsolni.
2017. dec. 9. 23:10
Hasznos számodra ez a válasz?
 6/7 anonim ***** válasza:

Itt már mutattam erre példát:

https://www.gyakorikerdesek.hu/szamitastechnika__programozas..

és ott el is mondtam, hogy űrlapot élesben nem ellenőrzünk pusztán a kliensoldalon, mert az megkerülve a szerveroldalra hibás adatok küldhetőek (aztán megint lesz egy BKK-botrányunk ;D ).

2017. dec. 9. 23:16
Hasznos számodra ez a válasz?
 7/7 anonim ***** válasza:
Mondjuk azért egy "hosszabb-e a szöveg 8 karakternél" feladatnál meg lehet csinálni, hogy ha hosszabb, akkor legyen pl. piros a háttere. Nem igazi ellenőrzés, inkább kényelmi csili-vili. :)
2017. dec. 9. 23:32
Hasznos számodra ez a válasz?

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

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!