好的,所以我有一个显示如下的 html 表单:
<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>
我对这类东西的了解非常少。我有一个基本的小型信用卡读卡器,可以通过 USB 插入我的电脑。我希望能够刷信用卡并让我的网站将信息解析到上面的表单字段中。
我onclick=readCard();
在表单下方的链接中添加了一个事件,当它被推送时,java 脚本被启动以将焦点放在Swiped Information
将存储来自磁条阅读器的数据字符串的字段上。
function readCard () {
document.getElementById('swiped').focus();
}
我的想法是,员工会点击“刷卡信用卡”,这将使刷卡信息字段具有焦点,并用字符串填充该字段,然后 javascript 会将这些信息分解成碎片并相应地填写表格。
我搜索了高低试图找到一个解决方案,我能找到的最接近的是一个使用 asp.net 作为语言的教程,但我做不到。PHP 或 JavaScript。提前致谢。
我需要做的就是将那个长字符串分成多个并在 html 表单中显示适当的部分。
PS我不担心表单验证ATM,在我设法让它填写表单字段后我会处理它!谢谢!
更新:
我创建了一个 JSFiddle,尽管我输入的 java 脚本似乎不起作用。 http://jsfiddle.net/r8FJX/
更新:
根据下面的评论,我添加了一个从读卡器发送到计算机的数据示例。我进去并用随机输入的假数字替换了字符串中的每个数字,并用假数字替换了我的名字。(对不起骗子!)
%B6545461234613451^DOE/JOHN^00000000000000000000000?;6545461234613451=984651465116111?
我假设上面的代码是这样布局的,我找不到任何文档:
%Bcardnumber^lastname/firstname^expDate?;cardnumber=expDate?