Question

我正在尝试使用一些Stripe Elements来输入信用卡详细信息。我目前正在使用由Valet托管的Laravel。我知道Stripe需要设置HTTPS。我已经运行了Valet安全命令，可以看到该网站通过HTTPS提供服务。

由于某种原因，我无法在条带提供的元素中输入任何信用卡信息。当我使用Stripe网站提供的相同代码时，它可以在JSfiddle中正常工作，但不能让我在我的代客服务器上输入。

条纹是否可以让我这样做是因为我的TLS证书未经Digitrust或类似公司验证？如果是这样的话，在我使用代客的同时，我将如何解决这个问题。

任何帮助或指导都会很棒，我无法在这里看到我的错误。

我尝试过的例子只是来自

https://stripe.com/docs/elements/examples

JSFiddle的工作示例，它不允许我在信用卡领域输入输入

<script src="https://js.stripe.com/v3/"></script>
<form>
<div class="group">
<label>
<span>Name</span>
<input name="cardholder-name" class="field" placeholder="Jane Doe" />
</label>
<label>
<span>Phone</span>
<input class="field" placeholder="(123) 456-7890" type="tel" />
</label>
</div>
<div class="group">
<label>
<span>Card</span>
<div id="card-element" class="field"></div>
</label>
</div>
<button type="submit">Pay $25</button>
<div class="outcome">
<div class="error"></div>
<div class="success">
Success! Your Stripe token is <span class="token"></span>
</div>
</div>
</form>

在这个阶段，我认为我的JS和CSS是正确的，只需从示例页面复制它并确认JS使用简单的Alert测试。

再次感谢！

Answer 1

抱歉，我忽略了My Javascript的顺序。上帝该死的

条纹元素不接受信用卡输入

1 个答案: