自动选择信用卡类型

Question

我正在建设付款表格，并希望自动选择信用卡类型与前4位数字，我有有效范围的Visa主美国运通发现

下面是Discover one的一个示例

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。<代码>H216<代码>G217