2017-03-29 13 views
0

クレジットカードの詳細を入力するためにいくつかのストライプ要素を使用しようとしています。 現在ValetでホストされているLaravelを使用しています。 StripeはHTTPSを設定する必要があることを理解しています。 私はValet secureコマンドを実行しており、HTTPS経由でWebサイトが提供されていることを確認できます。ストライプ要素クレジットカード入力を受け付けません

ストライプが提供しているクレジットカード情報を何らかの理由で入力することができません。 StripeのWebサイトから提供されているのと同じコードを使用した場合、JSfiddleではうまく動作しますが、私のvaletサーバーに入力することはできません。

私のTLS証明書がDigitrustなどの会社によって検証されていないため、ストライプが私にこれをさせてくれない可能性はありますか? もしそうならば、私はバレーを使用している間、これを回避する方法について私は私のローカルホストだ。

何か助けや指導はすばらしく、どこが間違っているのか分かりません。私はクレジットカードの欄に

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> 
を入力を入力することはできません

私が試してみました例は

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

から単に実施例のJSFiddleです

この段階で私はJSとCSSが正しいと信じて、単に例のページからそれをコピーし、confi rmed JSは簡単なアラートテストで作業しています。

ありがとうございました!

答えて

-2

申し訳ありませんが、私はMy Javascriptのオーダーを見落としました。神dammit

関連する問題