Skip to content

Instantly share code, notes, and snippets.

@illusionfield
Last active January 15, 2025 07:35
Show Gist options
  • Save illusionfield/6c96650d0d41ca4870d2b4b05f267e77 to your computer and use it in GitHub Desktop.
Save illusionfield/6c96650d0d41ca4870d2b4b05f267e77 to your computer and use it in GitHub Desktop.
CIB internetes fizetés bankkártya autofill bookmarklet

CIB eCommerce Autofill Probléma és Megoldás

Probléma

A CIB eCommerce fizetőfelületén a bankkártya-adatok automatikus kitöltése nem működik megfelelően. Ez azért van, mert az űrlap mezőihez nem megfelelő autocomplete attribútumokat rendeltek. Ennek eredményeként az automatikus kitöltés funkció nem tudja felismerni és helyesen kitölteni a bankkártyaszámot, a lejárati dátumot, valamint a CVC kódot.

Megoldás

A problémát egy egyszerű JavaScript alapú bookmarklettel oldottam meg. Ez a szkript a helytelen vagy hiányzó autocomplete attribútumokat javítja az űrlap megfelelő mezőin:

  • A bankkártyaszám mezőhöz a cc-number értéket állítja be.
  • A lejárati dátum mezőhöz a cc-exp értéket adja meg.
  • A CVC mezőhöz a cc-csc értéket rendeli.

Ezek az értékek megfelelnek a böngészők által támogatott szabványoknak, így az automatikus kitöltés problémája megszűnik.

A Bookmarklet Telepítése

  1. Nyisd meg a böngésződet, és nyiss meg egy új könyvjelzőt.

  2. Másold be az alábbi kódot a könyvjelző URL mezőjébe:

    javascript:%7Bdocument.querySelector('#form-group-cnum>input').autocomplete='cc-number';document.querySelector('#form-group-edm_edy>input').autocomplete='cc-exp';document.querySelector('#form-group-cvc2>input').autocomplete='cc-csc'%7D;void(0);
  3. Adj a könyvjelzőnek egy nevet, például: CIB Autofill Fix.

  4. Mentsd el a könyvjelzőt.

Használat

  1. Nyisd meg a CIB eCommerce fizetőfelületet, ahol a bankkártyaadatokat kell megadni.
  2. Kattints a korábban mentett könyvjelzőre.
  3. Az űrlap mezői automatikusan frissülnek a megfelelő autocomplete attribútumokkal.
  4. Most már használhatod az automatikus kitöltés funkciót a bankkártyaadatok megadásához.

Figyelmeztetés

A szkript csak az adott oldal megnyitott példányában működik, és nem módosítja az oldal eredeti forráskódját. Ezért minden egyes fizetés előtt újra le kell futtatni a szkriptet, ha a mezők autocomplete attribútuma alapértelmezés szerint hibás.

Biztonsági Megjegyzés

A szkriptet csak olyan környezetben használd, ahol biztos vagy benne, hogy nincs kockázata az adatok kompromittálódásának. Mindig ellenőrizd, hogy a CIB eCommerce oldalt használod, és hogy az SSL tanúsítvány érvényes.

Példa

cib-sample

javascript:%7Bdocument.querySelector('#form-group-cnum>input').autocomplete='cc-number';document.querySelector('#form-group-edm_edy>input').autocomplete='cc-exp';document.querySelector('#form-group-cvc2>input').autocomplete='cc-csc'%7D;void(0);
javascript:{document.querySelector('#form-group-cnum>input').autocomplete='cc-number';document.querySelector('#form-group-edm_edy>input').autocomplete='cc-exp';document.querySelector('#form-group-cvc2>input').autocomplete='cc-csc'};void(0);
(function() {
document.querySelector('#form-group-cnum>input').autocomplete = 'cc-number';
document.querySelector('#form-group-edm_edy>input').autocomplete = 'cc-exp';
document.querySelector('#form-group-cvc2>input').autocomplete = 'cc-csc'};
})());
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment