Analyse de données de Carte de Crédit à partir de lecteur de bande magnétique à l'aide de javascript

Ok, Donc j'ai un formulaire html est affiché comme ceci:

   <span style='required'>*</span> - Indicates required field.
   <div class='fields'>Swiped Information</div>
     <input type=text name='swiped' id='swiped'>
   </div>
   <div class='fields'>First Name</div>
    <input type=text name='first_name' id='first_name'><span style='required'>*</span>
   </div>
   <div class='fields'>Last Name</div>
    <input type=text name='last_name' id='last_name'><span style='required'>*</span>
   </div>
   <div class='fields'>Expiration</div>
    <input type=text size=8 name='expiration' id='expiration'><span style='required'>*</span>(MMYY)
   </div>
   <div class='fields'>CVV Code</div>
    <input type=text size=8 name='cvv' id='cvv'><span style='required'>*</span>
   </div>
   <div class='fields'>Credit Card Number</div>
    <input type=text name='card' id='card'><span style='required'>*</span>
   </div>
   <hr>
   <div class='buttons'></div>
    <a onclick="readCard();" style="cursor:pointer; color:red;">Swipe Credit Card</a>
   </div>

Ma connaissance de ce genre de choses est très pauvre. J'ai une petite base de Crédit Lecteur de Carte qui se branche sur mon ordinateur via le port USB. Je suis désireux d'être en mesure de glisser une carte de crédit et avoir mon site web, analyser les informations dans les champs du formulaire qui sont au-dessus.

J'ai ajouté une onclick=readCard(); événement à un lien en dessous de ma forme et quand c'est poussé java script est lancé pour mettre l'accent sur la Swiped Information champ qui va stocker la chaîne de données à partir du lecteur de bande magnétique.

function readCard () {

   document.getElementById('swiped').focus();

}

Ma pensée serait que l'employé aurait frappé "Glisser Carte de Crédit" qui rendrait le Glissée Informations de Carte de terrain ont le focus et permettrait de remplir ce champ avec la chaîne, puis le javascript serait briser cette information en morceaux, et de remplir le formulaire en conséquence.

J'ai cherché haut et bas pour essayer de trouver une solution et la plus proche que je pouvais venir a été un tutoriel utilisé asp.net comme la langue et je ne peux pas faire. Soit en PHP ou JavaScript. Merci à l'avance.

Tout ce que j'ai à faire est de briser cette chaîne longue en plusieurs et les pièces dans le formulaire html.

P. S. je ne suis pas inquiet au sujet de la validation du formulaire ATM, je vais prendre soin de ce que, après, j'arrive à faire remplir les champs du formulaire! Merci!

Mise à JOUR:

J'ai créé un JSFiddle bien que le java script que j'ai mis dans ne semble pas y avoir de travail.
http://jsfiddle.net/r8FJX/

Mise à JOUR:

Que par les commentaires ci-dessous, j'ai ajouté un exemple de données envoyé à partir de mon lecteur de carte à l'ordinateur. Je suis allé et a remplacé chaque numéro de la chaîne au hasard tapé de faux numéros et remplacé mon nom avec un faux. (Désolé escrocs!)

%B6545461234613451^DOE/JOHN^00000000000000000000000?;6545461234613451=984651465116111?

Je suis en supposant que cette façon dont le code ci-dessus est présenté, je ne trouve pas de documentation:

%Bcardnumber^lastname/firstname^expDate?;cardnumber=expDate?

pourriez-vous nous donner un exemple de l'glissée données de carte de crédit?
Vérifier mes mises à jour question! 🙂
Vous aurez besoin pour nous permettre de connaître les détails de la carte de crédit en tant que bien que nous pouvons probablement comprendre en regardant le numéro de la carte et le nom - mais nous avons peu de chances de deviner qui le CVV et les champs de date sont.
Que voulez-vous dire "détails" je ne suis pas poster mon réel des informations de carte de crédit
Droit des thats fine de cours. Mais vous venez de nous donner une charge de nombres aléatoires - comment sommes-nous savoir lequel de ces chiffres représente une date, et qui représentent un CVV, et qui représentent un numéro de carte de crédit? Sans passer par le code du lecteur de cartes de crédit (si disponibles) il n'y a aucun moyen de le savoir - so, qui de l'un des numéros ci-dessus est valide à partir de la date? Qui est la date d'expiration? C'est ce que je suis en disant: - ne le fabricant fournit pas toutes les données de l'exemple?

OriginalL'auteur Mitch Evans | 2013-09-26

Option 1)

var card_data = "%B6545461234613451^DOE/JOHN^00000000000000000000000?;6545461234613451=984651465116111?"

var details1 = card_data.split("^");

var card_number = details1[0];
card_number = card_number.substring(2);

var names = details1[1].split("/");
var first_name = names[1];
var last_name = names[0];

var details2 = details1[2].split(";");
details2 = details2[1].split("=");

var exp_date = details2[1];
exp_date = exp_date.substring(0, exp_date.length - 1);
exp_date = exp_date.substring(2, 3) + "/" + exp_date.substring(0,1);

Option 2)

var pattern=new RegExp("^\%B(\d+)\^(\w+)\/(\w+)\^\d+\?;\d+=(\d\d)(\d\d)\d+$");
var match = pattern.exec(card_data);

card_number = match[1];
first_name = match[3];
last_name = match[2];
exp_date = match[5] + "/" + match[4];

Alors:

document.getElementById("first_name").value = first_name;
document.getElementById("last_name").value = last_name;
document.getElementById("card").value = card_number;
document.getElementById("expiry").value = exp_date;

Avec l'option 1, j'obtiens cette erreur dans google chrome console: Uncaught TypeError: Propriété de la longueur de l'objet n'est pas une fonction sur la ligne 73
Aussi: Uncaught TypeError: Impossible d'appeler la méthode "split" undefined sur la ligne 65
my bad, la longueur est un bien, et non pas une méthode (enlever les () )
Ok, Donc je suis absent de la date d'Expiration?
vérifier ma dernière mise à jour - désolé d'avoir pris autant de beaucoup de tente - il doit être en retard 🙂

OriginalL'auteur Zack Newsham

0

J'ai eu du succès avec la suite de l'expiration date:

exp_date = exp_date.sous-chaîne(2, 4) + "/" + exp_date.substring(1, 3);

OriginalL'auteur user3179317
0

Seulement Pour l'Avenir, les téléspectateurs comme moi, qui était à la recherche. L'expiration besoin d'être ajusté. Cela rendra l'expiration ressembler... 10/18. Pas 10/81 comme je l'ai été...

Ci-dessous montre les corrigés au format date de ex: 10/18 pas 10/81 ou 1/1
```
exp_date = exp_date.substring(2, 4) + "/" + exp_date.substring(0,2);
```
OriginalL'auteur Anthony Porter
0

(Pour les futurs personnes qui essaient d'analyser USB lecteur de cartes de crédit données)

Il y a deux (parfois 3) les pistes de données, ils sont séparés,?. La date d'expiration est dupliqué sur la première piste et la deuxième piste. Si vous voulez lire d'assez de données pour charger une carte de crédit, vous pouvez ignorer la Piste 2 de données (de tout, de la ; à partir).

Le CCF n'est pas enregistré sur la bande magnétique de données. Vous devrez peut-être désactiver le CVC vérifier dans votre processeur de paiement. Avec les bandes, vous pouvez le faire à https://dashboard.stripe.com/radar/rules.
```
let parse = readerData => {
    let card = readerData.match(/%B([0-9]+)\^([A-Z /.]+)\/([A-Z /.]*)\^([0-9]{2})([0-9]{2})/);

    let lastName = card[2].trim();
    //'LASTNAME/FIRSTNAME.MR' is possible
    let firstName = card[3].trim().split('.')[0];
    let fullName = `${firstName} ${lastName}`;

    return {
        exp_month: card[5],
        exp_year: card[4],
        number: card[1],
        name: fullName,
    };
}

parse('%B6545461234613451^DOE/JOHN^21040000000000000000000?;this part does not matter')
//{exp_month: "04", exp_year: "21", number: "6545461234613451", name: "JOHN DOE"}
```
Si vous utilisez Stripe.js v2 vous pouvez passer de l'objet renvoyé par parse() directement à Stripe.card.createToken().

J'ai vu LASTNAME/FIRSTNAME MIDDLENAME dans les données de l'échantillon, ce code doit tourner que dans la FIRST MIDDLE LAST.

Lire https://en.wikipedia.org/wiki/Magnetic_stripe_card#Financial_cards pour plus d'info.

Je ne sais pas si cela est juridique. Plus récente USB de carte de crédit lecteurs de chiffrer les données lues (pour envoyer les données à leur api (et de payer) pour le décrypter).

Si vous rencontrez des problèmes avec le regex essayer https://regex101.com/ pour le débogage.

OriginalL'auteur Boris

Vous devez vous connecter pour publier un commentaire.