Javascript 申请条纹优惠券

Javascript 申请条纹优惠券,javascript,jquery,html,stripe-payments,Javascript,Jquery,Html,Stripe Payments,我正在使用Stripe的默认表单进行付款处理。如何添加优惠券字段?我已经创建了优惠券,但我不确定如何处理优惠券代码 <form class="efocus" action="form_process.php?source=payment" method="post"> <input type="hidden" name="fee" value="1795"> <script src="https://checkout.stripe.com/v2/ch

我正在使用Stripe的默认表单进行付款处理。如何添加优惠券字段?我已经创建了优惠券,但我不确定如何处理优惠券代码

<form class="efocus" action="form_process.php?source=payment" method="post">
    <input type="hidden" name="fee" value="1795">
    <script src="https://checkout.stripe.com/v2/checkout.js" class="stripe-button"
          data-key="<?php echo $stripe['publishable_key']; ?>"
          data-amount=1795 data-description="Month-to-month Package">
    </script>
</form>


您不能使用stripe JS将优惠券字段添加到弹出表单中。希望他们能增加这种能力。这将非常有帮助

您仍然可以在表单标签之间添加优惠券代码字段,但该字段不会出现在弹出的表单中。它将显示在实际的条带签出按钮下面

<form class="efocus" action="form_process.php?source=payment" method="post">
<input type="hidden" name="fee" value="1795">
<script
    src="https://checkout.stripe.com/v2/checkout.js" 
    class="stripe-button"
    data-key="<?php echo $stripe['publishable_key']; ?>"
    data-amount=1795 data-description="Month-to-month Package">
</script>

<input type="text" name="discount" value="YOUR_DISCOUNT_ID_HERE" />

</form>


您不能将优惠券添加到结帐。签出仅创建向客户收费的令牌。当令牌返回到服务器时应用优惠券。下面是来自


这应该是一个评论,但我还没有足够的声誉

根据@Brev Tiw的建议,这里有一个简单的结帐表单,可以帮助您进行结帐:

<form action="" method="POST" id="payment-form">
    <span class="payment-errors"></span>

    <div class="row">
      <div class="3u -4u 12u$(small)">
       <label>
         <span>Coupon Code</span>
         <input type="text" size="20" data-stripe="coupon" placeholder="" value=""/>
       </label>
      </div>
    </div>


    <div class="row">
      <div class="3u -4u 12u$(small)">
       <label>
         <span>Card Number</span>
         <input type="text" size="20" data-stripe="number"/>
       </label>
      </div>

      <div class="1u 12u$(small)">
        <label>
         <span>CVC</span>
          <input type="text" size="4" data-stripe="cvc"/>
        </label>
      </div>
    </div>

    <div class="row">
      <div class="2u -4u 12u$(small)">
        <span><strong>Exp. Month</strong></span>
        <div class="select-wrapper">
                    <select data-stripe="exp-month" name="exp-month" id="exp-month">
                        <option value="01">01</option>
                        <option value="02">02</option>
                        <option value="03">03</option>
                        <option value="04">04</option>
                        <option value="05">05</option>
                        <option value="06">06</option>
                        <option value="07">07</option>
                        <option value="08">08</option>
                        <option value="09">09</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                    </select>
        </div></div>


        <div class="2u 12u$(small)">
        <span><strong>Exp. Year</strong></span>
        <div class="select-wrapper">
                    <select data-stripe="exp-year" name="exp-year" id="exp-year">
                        <option value="2015">2015</option>
                        <option value="2016">2016</option>
                        <option value="2017">2017</option>
                        <option value="2018">2018</option>
                        <option value="2019">2019</option>
                        <option value="2020">2020</option>
                        <option value="2021">2021</option>
                        <option value="2022">2022</option>
                        <option value="2023">2023</option>
                        <option value="2024">2024</option>
                        <option value="2025">2025</option>
                    </select>
        </div><br />
    </div><br />
    </div>

    <div>

     <div>
        <h1></h1>
     <input type="submit" value="Pay now" class="special" />
    </div>
</form>

优惠码
卡号
CVC
预期月份
01
02
03
04
05
06
07
08
09
10
11
12
Exp.Year
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025


<form action="" method="POST" id="payment-form">
    <span class="payment-errors"></span>

    <div class="row">
      <div class="3u -4u 12u$(small)">
       <label>
         <span>Coupon Code</span>
         <input type="text" size="20" data-stripe="coupon" placeholder="" value=""/>
       </label>
      </div>
    </div>


    <div class="row">
      <div class="3u -4u 12u$(small)">
       <label>
         <span>Card Number</span>
         <input type="text" size="20" data-stripe="number"/>
       </label>
      </div>

      <div class="1u 12u$(small)">
        <label>
         <span>CVC</span>
          <input type="text" size="4" data-stripe="cvc"/>
        </label>
      </div>
    </div>

    <div class="row">
      <div class="2u -4u 12u$(small)">
        <span><strong>Exp. Month</strong></span>
        <div class="select-wrapper">
                    <select data-stripe="exp-month" name="exp-month" id="exp-month">
                        <option value="01">01</option>
                        <option value="02">02</option>
                        <option value="03">03</option>
                        <option value="04">04</option>
                        <option value="05">05</option>
                        <option value="06">06</option>
                        <option value="07">07</option>
                        <option value="08">08</option>
                        <option value="09">09</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                    </select>
        </div></div>


        <div class="2u 12u$(small)">
        <span><strong>Exp. Year</strong></span>
        <div class="select-wrapper">
                    <select data-stripe="exp-year" name="exp-year" id="exp-year">
                        <option value="2015">2015</option>
                        <option value="2016">2016</option>
                        <option value="2017">2017</option>
                        <option value="2018">2018</option>
                        <option value="2019">2019</option>
                        <option value="2020">2020</option>
                        <option value="2021">2021</option>
                        <option value="2022">2022</option>
                        <option value="2023">2023</option>
                        <option value="2024">2024</option>
                        <option value="2025">2025</option>
                    </select>
        </div><br />
    </div><br />
    </div>

    <div>

     <div>
        <h1></h1>
     <input type="submit" value="Pay now" class="special" />
    </div>
</form>