如何在stripe(React)中清除所有成功的表单值?

问题描述 投票:0回答:1

我正在使用Stripe API进行支付。我想在用户支付成功后清除所有字段。

HTML:

<form onSubmit={this.handleSubmit}>
  <CardElement onChange={handleCardChange} />
  <button type="submit" disabled={!stripe}>
    Submit Payment
  </button>
</form>

JS:

const handleServerResponse = (serverResponse) => {
    if (serverResponse.error) {
      // An error happened when charging the card,
      // show the error in the payment form.
    } else {
      // Show a success message
    }
  };
reactjs stripe-payments
1个回答
0
投票

Stripe 文档

在成功块里面,加上这个。

elements.getElement(CardElement).clear();

如果您使用的是分割支付表格,您必须分别清除每个元素。

elements.getElement(CardNumberElement).clear();
elements.getElement(CardExpiryElement).clear();
elements.getElement(CardCvcElement).clear();
© www.soinside.com 2019 - 2024. All rights reserved.