t3n News Entwicklung

jQuery Payment: Kreditkarten-Validierung leicht gemacht

jQuery Payment: Kreditkarten-Validierung leicht gemacht

Die Validierung von Formularen dürfte unter Webentwicklern nicht zu den beliebtesten Aufgaben gehören. Wenn es um die Abwicklung von Zahlungsvorgängen per Kreditkarte geht, kann euch jQuery Payment die Arbeit deutlich erleichtern. Hier erfahrt ihr, was die Library für euch tun kann.

jQuery Payment: Kreditkarten-Validierung leicht gemacht
jQuery Payment
jQuery Payment

jQuery Payment ist eine Bibliothek, die euch das Bauen von Formularen rund um Zahlungsvorgänge erleichtern soll. Sie hilft beim Aufbau der Formulare, beim Validieren der Eingaben und bringt die eingegebenen Zahlen in das richtige Format. Auch die Cross-Browser Kompatibilität übernimmt Payment für euch.

So lassen sich innerhalb kürzester Zeit Formularfelder für die Formatierung von Kreditkarten-Nummern, mit maximal 16 Zeichen in Vierergruppen,

$('input.cc-num').payment('formatCardNumber');

oder für die richtige Formatierung des Datums erstellen.

$('input.cc-exp').payment('formatCardExpiry');

Auch das Erkennen der jeweiligen Kreditkarte aus der Kreditkartennummer und die Überprüfung der Kreditkarten-Nummer kann jQueryPayment übernehmen.

$.payment.validateCardNumber('4242 4242 4242 4242'); //=> true
$.payment.validateCardCVC('123', 'amex'); //=> false
$.payment.validateCardExpiry('05', '20'); //=> true
$.payment.cardType('4242 4242 4242 4242'); //=> 'visa'

Wie bei allen Client-Seitigen Valdierungs- und Formatierungs-Tools gilt auch hier: Vertrauen ist gut, Kontrolle ist besser. Alles was vom Browser an eueren Server geschickt wird, kann manipuliert werden und sollte daher auch noch mal Serverseitig überprüft werden. jQuery Payment sollte also nicht als Allzweckwaffe gegen falsche Eingaben, sondern als Erweiterung für eine bessere Usability euerer Formulare gesehen werden.

Weitere Infos zu der Bibliothek findet ihr auf der Projektseite von jQuery Payment oder direkt auf GitHub. Einen Einblick in die Funktionen von jQuery Payment liefert euch zudem diese Demo des Herstellers.

Hänge dich jetzt an unsere Facebook-Seite und sichere dir deinen #Wissensvorsprung!
t3n gefällt mir!
Vorheriger Artikel Zurück zur Startseite Nächster Artikel
4 Antworten
  1. von Dominik am 11.02.2013 (18:25 Uhr)

    Ich gebe clientseitiger Validierung generell nur den Status "Schön für den Endnutzer, aber muss serverseitig eh nochmal überprüft werden, weil unsicher" - und gerade bei Payment-Formularen bzw. Zahlvorgängen wäre ich besonders vorsichtig. Kein Wort dazu im Artikel (ok, auch wenn hier ein vermeintliches "Fachpublikum" mitliest), außerdem könnte der ganze Artikel unter "Anzeige" stehen, nicht nur die Anzeige darin, daher: 1 Stern.

    Antworten Teilen
  2. von Ilja Zaglov am 11.02.2013 (18:39 Uhr)

    Jede Art der Validierung, die nicht Serverseitig ausgeführt wird, kann problemlos unterwandert werden, da hast du natürlich Recht. Ich hatte den Eindruck, dass das selbstverständlich sei – besonders bei Zahlungsvorgängen, aber ergänze natürlich gerne den Hinweis zur serverseitigen Kontrolle.

    Das Skript selbst ist kostenfrei nutzbar, kann also den Einwand mit der Anzeige ehrlich gesagt nicht ganz nachvollziehen?

    Antworten Teilen
  3. von Dominik am 11.02.2013 (18:44 Uhr)

    Okay, und mit dem zweiten Punkt hast du recht, da berichtige ich mich gern. Ich hatte nebenbei noch ein Fenster mit einem kostenpflichtigen Produkt offen und mich da "versehen". Sorry.

    Antworten Teilen
  4. von Thorsten am 12.02.2013 (09:00 Uhr)

    Das Interessante ist ja das kaum jemand überhaupt Kreditkartendaten erfassen darf. Zumindest nicht in Deutschland. Sprich diese Funktionalität ist nur für Payment Service Provider interessant, die auch Zertifiziert sind.

    Also ist das für Deutschland irgendwie garnicht mehr so interessant.

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema jQuery
Abo-Bundle für Entwickler: „HTML5, JavaScript und jQuery“ von dpunkt gratis sichern [t3n-Aktion]
Abo-Bundle für Entwickler: „HTML5, JavaScript und jQuery“ von dpunkt gratis sichern [t3n-Aktion]

Du hast Grundkenntnisse in HTML5, JavaScript und jQuery und möchtest einen Quereinstieg wagen? Dann ist unsere Aktion genau das richtige für dich, denn als einer der schnellsten 30 Neuabonnenten … » weiterlesen

14 JavaScript-Funktionen und jQuery-Plugins für praktische Features und schicke Effekte
14 JavaScript-Funktionen und jQuery-Plugins für praktische Features und schicke Effekte

Fast täglich werden neue JavaScript-Bibliotheken und -Plugins veröffentlicht. Einige nützliche Helfer und Effekte haben wir in diesem Artikel zusammengetragen. » weiterlesen

Bootstrap: Mit diesen 15 Tools und Erweiterungen holst du mehr aus Twitters Framework raus
Bootstrap: Mit diesen 15 Tools und Erweiterungen holst du mehr aus Twitters Framework raus

Bootstrap 3 von Twitter bietet eine ausgezeichnete Grundlage für die Webentwicklung. Wir stellen euch zehn Tools und Erweiterungen vor, mit denen ihr noch mehr aus der aktuellen Version rausholt. » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?

t3n 40 jetzt kostenfrei probelesen! Alle Inhalte des t3n Magazins Diesen Hinweis verbergen