Comments on: Using a magnetic card reader with jQuery

By: Jazzy

Jazzy — Tue, 17 Jan 2012 14:10:00 +0000

@nilesh u talking about my comment or overall page?

By: Nilesh

Nilesh — Tue, 17 Jan 2012 13:29:00 +0000

Works flawless…..

By: Jazzy

Jazzy — Tue, 10 Jan 2012 16:08:00 +0000

Any cheap card reader you guys can recommend for this kind of project? I found one on ebay, not sure will it work with this :

http://www.ebay.com/itm/Honeywell-IDRA-335133B-DL-DELL-ONLY-MSR-USB-HID-3TRK-magnetic-strip-card-reader-/230687770687?pt=LH_DefaultDomain_0&hash=item35b610083f#shId

By: Evan Larsen

Evan Larsen — Wed, 30 Nov 2011 16:34:00 +0000

I didnt need to do all that fancyness with the timing of when keys were pressed. I just had to record the card reader and then submit the form once done. I stuffed the cc data into a hidden field.. heres my code (I'm using asp.net and also jquery):

//this attaches the keyup event to the html element to capture all keypress' and puts them in the hidden field $(function () { var btnSubmit = document.getElementById(''); btnSubmit.focus(); $('html').keypress(function (e) { var keyPressed = e.which; var hiddenField = document.getElementById(''); if (keyPressed != 13) { hiddenField.value += String.fromCharCode(keyPressed); } }); });

the (keypressed != 13) makes sure I dont capture the enter key after its done reading.

I got the idea to do it like this after looking through your code.. Thanks!

By: John

John — Mon, 28 Nov 2011 18:38:00 +0000

Rick, let us know if you find a IE work around.

On a side note if your using an RFID reader and all it posts is the number and then enter, so no track or end senitel is the start and end bits still required?

By: Rick

Rick — Fri, 11 Nov 2011 20:36:00 +0000

Update: I still am having issues, but at least I am moving a little closer to getting this to work in all browsers. For anyone else having issues, If you change the jQuery read.observe object to document, instead of window, IE will at least read in all the characters. I am having an issue however with the call back. After the last information is read, it is not firing the callback function reader.cardRead in IE 8, and IE9 in compatibility mode. Any infomation you can provide would be greatly appreciated.

By: Rick

Rick — Wed, 02 Nov 2011 11:41:34 +0000

Correction… The code does work in IE9 as long as compatibility mode is off. Does not work at all in IE8. Any help is appreciated.

By: Rick

Rick — Wed, 02 Nov 2011 11:39:28 +0000

Anyone having any issues with IE? I have this working great on all browsers (Chrome, Firefox, Safari, and Opera) , but sadly, it does not work in IE8 or IE9. I also need this to work in compatibility mode. When switched into compatibility mode, the javascript errors out at not understanding what CardReader even is. It does not see it as an object class. Any help would be appreciated.

By: Danieliser

Danieliser — Mon, 08 Aug 2011 12:50:59 +0000

I am trying to get this to work with jquery 1.6.2.. My card reader works fine on your timing test page as well as in notepad or in anything else for that matter.. I got your script set up and a form field to set the value to.. i know your script is set up as when i swipe on any normal page it tries to find the data read from the card using the ctrl+f search box.. but on my page i set up nothing happens when i swipe.. any ideas? incompatible with 1.6.2?

By: Jonathan Stoppani

Jonathan Stoppani — Thu, 26 May 2011 21:26:06 +0000

If your Card Reader is seen as an HID, then yes. Note that it may need some adaptation, but the working principle will stay the same.