2016-04-30 45 views
1

填充的電子郵件,我有一個表格和表單字段之一如下:預條紋結帳從形式

<input type="email" id="email" name="email" required> 

我有一個在調用javascript和加載條紋形式的底部提交按鈕查看。

<input type="button" id="charge-button" class="button radius member_button" value="Continue"> 

JavaScript的調用條紋。

​​

我希望能夠從表單字段獲取值並將其傳遞到我目前有[email protected]的地方。

我是一位編碼新手,非常感謝您的耐心等待。

非常感謝,

約翰

回答

5

您可以通過將電子郵件地址時,用戶提交表單做到這一點。所以,你的代碼看起來就像這樣 -

<input type="email" id="email" name="email" required> 

    $('#charge-button').on('click', function(e) { 

     var userEmail = $('#email').val(); 

     handler.open({ 
      image: '/logo.png', 
      name: 'Shop.com', 
      description: 'Product', 
      email: userEmail, 
      currency: 'gbp', 
      amount: 2000 
     }); 
     e.preventDefault(); 
     }); 
    $(window).on('popstate', function() { 
     handler.close(); 
     }); 
+0

不幸的是,這並不工作。它調用Stripe javascript,而按鈕實際上不是提交。你是否熟悉Stripe的工作原理? –

+0

它確實工作!我的代碼中有一個錯字。非常感謝。 –

1

我做了這樣

<form action="YOUR_URL" method="POST"> 
    <script 
     src="https://checkout.stripe.com/checkout.js" class="stripe-button" 
     data-key="pk_test_123eqweqweqweqwe12g" 
     data-amount="AMOUNT_YOU_EXPECTED_TO_CHARGE" 
     data-email="ECHO_EMAIL_ADDESS_HERE" 
     data-name="Hey Title" 
     data-description="DESCRIPTION_FOR_FORM" 
     data-image="/profilePics/default.jpg" 
     data-locale="auto"> 
    </script> 
</form>