自动选择信用卡类型

Question

我正在建立付款表格 并希望自动选择前4位数的信用卡类型 我有Visa Master AMEX Discover的有效范围

这里是一个发现一个

的例子

validRanges":["6282","6283","6284","6285","67","66","6287","6286","6288","64","65","63888","6011","622","624","625","626"]

我如何构建自动选择发现卡并显示发现图标的输入 和消除其他人

有点像这样的想法

https://www.panic.com/coda/buy.html

Answer 1

你肯定会需要Javascript来实现这种效果。假设您将数据存储在服务器上（可能在数据库中），您需要 AJAX 来查询数据库并查明输入的数字是否属于数据库中任何范围的一部分。

对于Javascript部分，我建议您查看jQuery：具体jQuery.ajax()和函数.fadeTo()。

您要实施的基本思路基本如下：

1. 检测任何用户数字输入
2. 获取<input>输入并将其发送（通过AJAX）到PHP脚本x.php
3. x.php处理输入的数据（可能通过POST方法发送）并查询数据库返回JSON一组卡类型到客户端
4. 客户端将JSON字符串转换为实际的JSON对象，并使用它来隐藏或显示代表卡片的特定div。