使用 ngx-stripe 11.0.0 进行表单验证

Question

阅读 ngx-stripe API，我找不到在启用“支付”按钮之前验证条带元素的方法（例如，信用卡信息完整）。有人可以提供示例代码片段吗？

谢谢。

Answer 1

您需要在 Stripe Elements 上使用“change”事件侦听器来查看输入是否看起来“完整”。

cardElement.on('change', function(event) {
  if (event.complete) {
    // enable payment button
  } else if (event.error) {
    // show validation to customer
  }
});