Ich versuche einige Stripe Elements zu verwenden, um Kreditkartendetails einzugeben. verwende derzeit Laravel mit Valet gehostet. Ich verstehe, dass für Stripe HTTPS eingerichtet werden muss. Ich habe den Befehl Valet Secure ausgeführt und kann sehen, dass die Website über HTTPS bedient wird.Stripe Elements Keine Kreditkarteneingabe akzeptieren
Aus irgendeinem Grund kann ich keine Kreditkarteninformationen in das Element Stripe eingegeben haben. Wenn ich denselben Code wie von der Stripe-Website verwendet habe, funktioniert er in JSfiddle einwandfrei, aber ich lasse ihn nicht auf meinem Valet-Server eingeben.
Ist es möglich, dass Stripe dies nicht erlaubt, weil mein TLS-Zertifikat nicht von Digitrust oder einem ähnlichen Unternehmen verifiziert wurde? Wenn ja, wie würde ich gehen, um dies zu umgehen, während ich Valet benutze ich bin mein localhost.
Jede Hilfe oder Anleitung wäre großartig, ich kann nicht sehen, wo ich hier falsch liege.
Die Beispiele, die ich versucht habe, sind einfach aus
https://stripe.com/docs/elements/examples
JSFiddle Arbeits Beispiel, das mir nicht erlauben, Eingang auf der Kreditkarte Feld
https://jsfiddle.net/w4s8z4kd/
<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>
An dieser Stelle glaube ich, dass mein JS und CSS korrekt ist, habe es einfach von der Beispielseite kopiert und confi rmed JS arbeitet mit einem einfachen Alert-Test.
Danke nochmal!