Webentwicklung

Credit Card Validator

Die Kartennummer mit dem Luhn-Algorithmus prüfen, Zahlungsnetzwerk und Länge bestimmen. Alles wird im Browser berechnet — die Nummer wird nirgendwohin gesendet.

Der Luhn-Algorithmus ist eine Prüfsumme, die die meisten Zahlungsnetzwerke an eine Kartennummer anhängen, um versehentliche Tippfehler (eine vertauschte oder falsch eingegebene Ziffer) zu erkennen. Dieses Tool prüft eine Nummer nach Luhn und erkennt das Zahlungsnetzwerk anhand ihres Präfixes (BIN).

So verwendest du es

Typische Anwendungsfälle

Was du wissen solltest

Eine Karte, die die Luhn-Prüfung besteht, bedeutet nicht, dass sie aktiv, nicht gesperrt oder überhaupt echt ist — die Prüfung erkennt nur offensichtliche Tippfehler.

Kartendaten werden vollständig im Browser verarbeitet und nirgendwohin gesendet, aber für echte Zahlungen solltest du immer ein zertifiziertes Zahlungsformular (PCI DSS) nutzen, statt eine echte Kartennummer in ein Drittanbieter-Tool einzufügen.

Artikel zu diesem Tool: Der Luhn-Algorithmus: wie eine Kartennummer auf Korrektheit geprüft wird

Häufig gestellte Fragen

Bedeutet eine bestandene Prüfung, dass die Karte echt ist und über Guthaben verfügt?

Nein — dieses Tool prüft nur die Luhn-Prüfsumme und die erwartete Ziffernlänge für das erkannte Netzwerk; es kann nicht sagen, ob die Karte tatsächlich existiert, aktiv ist oder Guthaben hat, da dies eine Kontaktaufnahme mit dem Kartenaussteller erfordert.

Wie funktioniert der Luhn-Algorithmus?

Er verdoppelt jede zweite Ziffer von rechts, summiert die Ziffern der Ergebnisse zusammen mit den unveränderten Ziffern und prüft, ob die Summe ein Vielfaches von 10 ist — er erkennt die meisten Tippfehler und vertauschten Ziffern, ist aber keine Betrugsprüfung.

Wird meine Kartennummer irgendwohin gesendet?

Nein, die Validierung erfolgt vollständig in Ihrem Browser und die Nummer wird nie übertragen oder gespeichert.

Wie wird das Zahlungsnetzwerk (Visa, Mastercard usw.) anhand der Kartennummer erkannt?

Anhand der ersten Ziffern der Nummer, der sogenannten BIN (Bank Identification Number) — Visa-Nummern beginnen zum Beispiel immer mit 4, Mastercard mit dem Bereich 51–55 oder 2221–2720; Zahlungsformulare bestimmen das Netzwerksymbol anhand dieses Präfixes, noch bevor die Nummer vollständig eingegeben ist.

Lässt sich anhand der BIN feststellen, welche Bank die Karte ausgestellt hat?

Teilweise — die ersten 6 Ziffern (die erweiterte BIN) erlauben in der Regel nicht nur die Bestimmung des Zahlungsnetzwerks, sondern auch der konkreten ausstellenden Bank und des Kartentyps (Debit- oder Kreditkarte), auch wenn für eine genaue Bankbestimmung spezialisierte BIN-Datenbanken nötig sind, nicht der Luhn-Algorithmus selbst.

Artikel: Webentwicklung

HEX, RGB, HSL: warum es so viele Arten gibt, eine Farbe zu schreiben

Warum Designer beim manuellen Auswählen eines Farbtons oft HSL statt HEX bevorzugen.

CSS-Minifizierung: was aus der Datei tatsächlich entfernt wird und warum

Warum minifiziertes CSS im Browser exakt gleich funktioniert, obwohl es für Menschen unlesbar wird.

JavaScript-Minifizierung: der Unterschied zwischen Minifizieren und Obfuskieren

Warum minifizierter Code bei Bedarf immer noch lesbar ist, obfuskierter Code dagegen nicht.

HTML-Minifizierung: warum Leerraum im Markup überhaupt eine Rolle spielt

Warum das Entfernen von Leerraum in <pre> oder einem Textarea das Aussehen der Seite zerstören kann, im Gegensatz zu fast überall sonst.

CSS-Verläufe: wie sich linear von radial und conic unterscheidet

Warum sich conic-gradient für Kreisdiagramme eignet, während radial-gradient einen Lichtfleck-Effekt erzeugt.

IBAN: wie eine internationale Bankkontonummer aufgebaut ist

Warum die ersten beiden Buchstaben einer IBAN ein Ländercode sind, nicht Teil der Kontonummer selbst.

QR-Codes: wie ein Link in ein Quadrat aus Pixeln passt

Warum ein QR-Code mit einem Logo in der Mitte trotzdem scannbar bleibt, obwohl ein Teil des Musters verdeckt ist.

Barcodes: wie sich Code 128 von EAN-13 unterscheidet

Warum Produkte im Ladenregal fast immer EAN-13 statt Code 128 verwenden.

Placeholder-Bilder: warum Platzhalterbilder während der Entwicklung wichtig sind

Warum Entwickler während des Layout-Aufbaus absichtlich graue Kästen statt echter Fotos einsetzen.