Square payment form在Firefox 48.0.2无法执行requestCardNonce()获取nonce

Question

我也向 Square 支持提交了请求，希望能尽快收到回复。

重现步骤

• 加载 Square 付款表格（从 https://docs.connect.squareup.com/articles/adding-payment-form/#samplewebpage and add your Application ID and uncomment the lines to submit a request to the server) in Firefox 48.0.2 (latest release as of today). Here's a test URL: https://wideningwontwork.org/test.html
复制意大利面
• 将所有字段留空。
• 单击 "Submit Query" 按钮。

预期

• 所有字段都应以红色突出显示以表明它们是必需的。

观察

• Firefox 无法触发事件 requestCardNonce()，因为它未定义。 Firefox 控制台中的错误消息：

  ReferenceError: event is not defined
  requestCardNonce()    payment:121
  onclick()    payment:1
  

• 使用 nonce = ""（空字符串或 NULL）向服务器提交表单。

Answer 1

不幸的是，我们在我们正在处理的文档中发布了一个错误。 Firefox 要求将事件作为参数传递给函数，而 chrome 和 safari 则不需要。如果您将从示例中复制的 requestCardNonce 的定义编辑为以下内容，它应该适合您：

function requestCardNonce(event) {
  event.preventDefault();
  paymentForm.requestCardNonce();
}

注意事件参数。那是你必须添加的部分。对困惑感到抱歉。我们将修复文档。

编辑以包含截至 2016 年 8 月 31 日的当前屏幕截图 17:04:43。这是脚本中您需要向函数定义添加事件参数的位置，然后您需要向提交按钮上的函数调用提供事件参数的位置。

在两个地方都添加了事件，使用 firefox，我从你的测试表单中得到了以下信息：