アンカータグでストライプクレジットカードチェックアウトを開始するにはどうすればよいですか？

Question

背景

私は私たちのウェブサイトにストライプを統合しようとしています。チェックアウトページには、PayPalまたはVisa/Credit Cardという2つのボタンオプションがあります。

これは現時点でのコードです。

<div class="pull-right"> 
    <a class="btn btn-lg btn-paypal" href="#"> 
     <i class="fa fa-paypal" aria-hidden="true"></i> 
     PayPal 
    </a> 
    <form action="<?php echo base_url() . 'stripe/process'; ?>" method="POST"> 
     <script src="https://checkout.stripe.com/checkout.js" 
     class="stripe-button" 
     data-key="xxxx" 
     data-image="your site image" 
     data-name="w3code.in" 
     data-description="Demo Transaction ($100.00)" 
     data-amount="10000" /> 
     </script> 
    </form> 
</div> 

これは、ボタンと、すべてが完璧に動作

...これを生産する...しかし、私はそれが次のようになりたいです。

コードは次のようになります

...

<div class="pull-right"> 
    <a class="btn btn-lg btn-paypal" href="#"> 
     <i class="fa fa-paypal" aria-hidden="true"></i> 
     PayPal 
    </a> 
    <a type="submit" class="btn btn-lg btn-stripe"> 
     Visa/Credit Card 
     <i class="fa fa-cc-stripe" aria-hidden="true"></i> 
    </a> 
</div> 

一種の形式（おそらく隠さをトリガー<a>アンカータグのクリックを作るための方法があるかどうか、私は疑問に思って形）。

私はからstripe-buttonクラスを削除

私の試み

...ので、私は私がしようとしているもの君たちを表示するために全力を尽くす、これはうまくいくかもしれないかの漠然とした考えを持っていますスクリプトタグを作成し、新しいアンカータグにonclick="document.getElementById('stripe').submit();"を追加してフォームを送信しましたが、これは同じ効果を持ちません。タグで表示される

<a type="submit" class="btn btn-lg btn-stripe" href="javascript:{}" onclick="document.getElementById('stripe').submit();"> 
    Visa/Credit Card 
    <i class="fa fa-cc-stripe" aria-hidden="true"></i> 
</a> 
<form id="stripe" action="<?php echo base_url() . 'stripe/process'; ?>" method="POST"> 
    <script src="https://checkout.stripe.com/checkout.js" 
    data-key="xxx" 
    data-image="your site image" 
    data-name="w3code.in" 
    data-description="Demo Transaction ($100.00)" 
    data-amount="10000" /> 
    </script> 
</form> 

オリジナルストライプボタンは、私は私のアンカータグと同じプロセスをトリガーんか...フォームが送信される前に、ストライプポップアップウィンドウを示していますか？

どこが間違っていますか？

UPDATE-1：

はまだ、残念ながら動作していない...ここは私が試したものです...

<a type="submit" class="btn btn-lg btn-stripe" onclick="document.getElementByClass('stripe-button').submit();"> 
    Visa/Credit Card 
    <i class="fa fa-cc-stripe" aria-hidden="true"></i> 
</a> 
<form action="<?php echo base_url() . 'stripe/process'; ?>" method="POST"> 
    <script src="https://checkout.stripe.com/checkout.js" 
    class="stripe-button" 
    data-key="pk_test_uT2PnISTl40vQWojZAngFlu6" 
    data-image="your site image" 
    data-name="w3code.in" 
    data-description="Demo Transaction ($100.00)" 
    data-amount="10000" /> 
    </script> 
</form> 

Answer 1

あなたがチェックアウトの"custom integration"、あなたが使用できるようになりますどれを使用する必要があります必要なスタイルの独自のボタンをクリックし、JavaScriptを使用してCheckoutのポップアップをボタンのクリックイベントにバインドします。