自动选择信用卡类型

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。