Я пытаюсь интегрировать проверку Stripe. Я использую https://checkout.stripe.com/checkout.js
.
У меня есть поле ввода суммы в форме, и я хочу передать значение этого поля ввода в скрипт Stripe.
<input id="amount" name="amount" type="text" class="form-control" placeholder="Enter amount" onKeyUp="calculate()" pattern="^[0-9]*$">
Вот сценарий моих полос
<script
src="https://checkout.stripe.com/checkout.js" class="stripe-button"
data-key="<?php echo $stripedetails['publishable_key']; ?>"
data-amount="1000"//<-Amount here
data-name="KAEM Technologies USA, Inc"
data-email="<?php echo $email;?>"
data-currency="<?php echo $curr_code; ?>"
data-description="Widget"
data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
data-locale="auto">
</script>
Я пытался использовать COOKIES
, я пытался назначить var функции js php, используя
var x = document.getElementById('amount').value;
<?php $amount = "<script>document.write(x)</script>";?>
Так как я могу передать значение поля ввода в сценарий полосы без отправки формы.
Спасибо
@ barmar вот код, который я пробовал:
<button type="submit" id="custombutton" class="btn btn-primary" ><i class="fa fa-cc-stripe"></i> Pay Via Card </button>
<script src="https://checkout.stripe.com/checkout.js"></script>
<script>
var handler = StripeCheckout.configure({
key: 'pk_test_DzL83GJnn9U4lMBuk311P1hK0026zJJrLW',
image: 'https://stripe.com/img/documentation/checkout/marketplace.png',
locale: 'auto',
token: function(token) {
// You can access the token ID with `token.id`.
// Get the token ID to your server-side code for use.
}
});
document.getElementById('customButton').addEventListener('click', function(e) {
// Open Checkout with further options:
handler.open({
name: 'KAEM Technologies (USA), Inc.',
description: '2 widgets',
amount: 2000
});
e.preventDefault();
});
// Close Checkout on page navigation:
window.addEventListener('popstate', function() {
handler.close();
});
</script>
Это правильно?