使用 Abide 在 Zurb Foundation 上进行信用卡验证答案

【问题标题】：Credit Card Validation on Zurb Foundation with Abide使用 Abide 在 Zurb Foundation 上进行信用卡验证
【发布时间】：2014-10-11 16:30:53
【问题描述】：

我正在尝试使用 Zurb Foundation 构建一个快速原型。效果很好。我确实有一个问题要解决，而their documentation 并没有帮助我。

将字段验证为信用卡时。我想利用检测卡片类型的能力并在后缀中显示相应的卡片图像。关于如何做到这一点的任何建议，或者我应该为原型报废这个吗？请注意，这不一定可以在实时网络应用程序上使用。只需要伪造它进行测试。

提前感谢您的帮助！

【问题讨论】：

标签： validation zurb-foundation credit-card

【解决方案1】：

您不需要在服务器端运行整个信用卡号来检测卡的类型。 Visa 卡号以 4 开头，MasterCard 以 51-55 开头，Amex 以 34 或 37 开头。

您可以使用 RegEx 和 JavaScript 来检测卡片类型。

查看包含不同类型卡片的正则表达式的相关 Stack Overflow 问题：How do you detect Credit card type based on number?

【讨论】：

不知道为什么我的回答被否决了。如果我错了，请发表评论并说明原因。
这正是我最终为我的原型实现此功能所做的工作。好叫一声！谢谢！

【解决方案2】：

我想利用检测卡片类型的能力并在后缀中显示相应的卡片图像

我认为您将 Foundation 误认为是 PHP（根据需要插入其他服务器端），Foundation 确实有能力做到这一点，但如果没有进行某种服务器端工作，Foundation 不知道什么卡没关系如何根据使用的卡片类型显示不同的图像。您将需要编写某种服务器端脚本来检测正在使用的卡并存储所有可能的选项，然后我才会担心 Zurb 可以对您做什么。

在旁注中，我确信银行或那里的某个人会创建一个 Api 来允许检测卡供您使用，因为我认为它本身可能比您想象的要大。

【讨论】：

这就是我的想法。感谢您的指导，我认为这将比原型所需的更多努力。