条带寄存器元素未定义答案

【问题标题】：stripe registerElement not defined条带寄存器元素未定义
【发布时间】：2021-05-03 18:27:55
【问题描述】：

我的 jscript 是

<script src="https://js.stripe.com/v3/"></script>
<script>
      var stripe = Stripe('test key');
      var elements = stripe.elements();
      example2.js per link above
</script>

example2.js 的最后一行出现错误

registerElements([cardNumber, cardExpiry, cardCvc], 'example2'); (Not Defined)

欢迎提出建议..谢谢

【问题讨论】：

你成功实现元素了吗？

标签： javascript

【解决方案1】：

你是对的，回购中有一个错误...... 您可以通过从here导入函数来修复它

function registerElements(elements, exampleName) {
  var formClass = '.' + exampleName;
  var example = document.querySelector(formClass);

  var form = example.querySelector('form');
  var resetButton = example.querySelector('a.reset');
  var error = form.querySelector('.error');
  var errorMessage = error.querySelector('.message');

  function enableInputs() {
    Array.prototype.forEach.call(
      form.querySelectorAll(
        "input[type='text'], input[type='email'], input[type='tel']"
      ),
      function(input) {
        input.removeAttribute('disabled');
      }
    );
  }

您应该向 repo 的所有者here提交问题

【讨论】：

Stripe 有时真是太懒惰了。这些样本只是草率。
这会抛出'Uncaught TypeError: Cannot read property 'querySelector' of null'
这个 sn-p 不完整且无法正常工作，请在此处查看完整代码 stripe.dev/elements-examples/js/index.js

【解决方案2】：

我刚刚意识到 - 在 2021 年 - GitHub 可以做到这一点：

【讨论】：