2017-03-29 1 views
0

일부 스트라이프 요소를 사용하여 신용 카드 정보를 입력하려고합니다. 현재 Valet과 호스팅 된 Laravel을 사용 중입니다. 스트라이프가 HTTPS를 설정해야한다는 것을 알고 있습니다. Valet secure 명령을 실행했으며 웹 사이트가 HTTPS를 통해 제공되고 있음을 볼 수 있습니다.스트라이프 요소 신용 카드 입력을 허용하지 않음

스트립이 제공 한 신용 카드 정보를 어떤 이유로 든 입력 할 수 없습니다. Stripe 웹 사이트에서 제공 한 것과 동일한 코드를 사용하면 JSfiddle에서 제대로 작동하지만 내 발렛 서버에 입력 할 수 없습니다.

내 TLS 인증서가 Digitrust 또는 유사한 회사에 의해 확인되지 않았기 때문에 스트라이프가이를 허용하지 않을 수 있습니까? 그렇다면 valet을 사용하는 동안이 문제를 해결하려면 어떻게해야합니까? 내 localhost입니다.

도움이나 안내가 좋을 것입니다. 여기서 내가 잘못 가고있는 것을 볼 수 없습니다.

내가 시도한 예는

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

에서 단순히 나 신용 카드 필드

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> 
에 입력을 입력 할 수 없습니다 작업 예 JSFiddle 있습니다

이 단계에서 나는 나의 JS와 CSS가 정확하다는 것을 알았고 예제 페이지와 confi에서 복사했다. rmed JS는 간단한 경고 테스트 작업.

감사합니다.

답변

-2

죄송합니다. My Javascript의 주문을 간과했습니다. 하느님은 젠장 할 것이다

관련 문제