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

Posted

技术标签:

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

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

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

提前感谢您的帮助!

【问题讨论】:

【参考方案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 来允许检测卡供您使用,因为我认为它本身可能比您想象的要大。

【讨论】:

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

以上是关于使用 Abide 在 Zurb Foundation 上进行信用卡验证的主要内容,如果未能解决你的问题,请参考以下文章

使用 zurb 基础的顶部导航登录表单

Zurb 基金会兜风提示位置“右”/“左”

使用 Zurb Foundation 复制导航标记

模型揭示了foundation-zurb中的ajax调用问题

Zurb Foundation 顶部栏根本不工作

Linux有用命令记录