如何为 exp-month 和 exp-year 设置一个文本字段

Question

我正在使用条带进行 CC 处理，并使用了条带示例表单和 JS 代码。该表单有两个单独的字段用于到期月份和年份。每个都有data-stripe="exp-month" 和data-stripe="exp-year"

我想为月份和年份使用一个文本字段，并让用户输入如下输入：10/2020

问题

由于条带读取基于data-stripe属性的数据。有没有一种方法可以解析来自一个文本字段的输入 10/2020 并以编程方式设置 data-stripe 属性？

Answer 1

我不确定所有内容是如何粘合在一起并被发送的，但您可以使用 data-stripe="exp-month/year" 属性隐藏输入字段，然后在 / 上拆分可见输入值并设置隐藏值。

这是一个相当基本的jsbin，您可以在其中在控制台输出中查看月份和年份。