如何基於我在HTML表單上的用戶輸入來更新PHP腳本

Question

我正在嘗試使用Stripe API創建自定義付款。

我希望用戶能夠在表單中輸入任何數字以進行付款，並讓我的php獲取輸入以針對選定的金額向卡收取費用。

在我的PHP代碼中， “金額通常設置為50.00之類的固定數字”，但我希望它取決於html表單中用戶的輸入。

這是我到目前為止所擁有的。

謝謝

<form action="testprocess.php" method="POST">
<h3> Enter Payment Amount</h3> 

<input type="number" name="pay" id="pay">

<script
   src="https://checkout.stripe.com/checkout.js" class="stripe-button"
   data-key="pk_test_00000000000"
   data-amount=""
   data-name="test"
   data-description="text">
</script>
</form>


     ___________________


 <?php

  // See your keys here: asgfcvbjh


  \Stripe\Stripe::setApiKey("sk_test_0000000000000");

   // Token is created using Stripe.js or Checkout!
   // Get the payment token submitted by the form:

   // Charge the user's card:

  $pay = $_POST['pay'];


  $charge = \Stripe\Charge::create(array(
    "amount" => $pay,
    "currency" => "usd",
    "description" => "test",
  ));


     ?>

Answer 1

您可以通過以下方式進行操作，必須創建自定義結帳。 這家伙值得稱贊 。

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 <script src="https://checkout.stripe.com/checkout.js"></script>

Amount: <input type="text" id="stripeAmount">
<button class="btn btn-success" id="stripe-button">
    Checkout
</button>

<script>
    $('#stripe-button').click(function () {
        var token = function (res) {
            var $id = $('<input type=hidden name=stripeToken />').val(res.id);
            var $email = $('<input type=hidden name=stripeEmail />').val(res.email);
            $('form').append($id).append($email).submit();
        };

        var amount = (Number($("#stripeAmount").val()) * 100);
        StripeCheckout.open({
            key: '<?= STRIPE_PUBLIC_KEY ?>',
            amount: amount,
            name: 'Serendipity Artisan Blends',
            //image: 'path to yoru image',
            description: 'Purchase Products',
            panelLabel: 'Checkout',
            token: token
        });

        return false;
    });
</script>

產量