Square支付表单无法执行requestCardNonce（）以获取Firefox 48.0.2中的随机数

Question

我还向Square支持提交了一份请求，并希望尽快收到回复。

重现的步骤

• 在Firefox 48.0.2（截至今天的最新版本）中加载Square支付表单（来自https://docs.connect.squareup.com/articles/adding-payment-form/#samplewebpage的copy-pasta并添加您的应用程序ID并取消注释这些行以向服务器提交请求）。这是一个测试网址：https://wideningwontwork.org/test.html
• 将所有字段留空。
• 点击“提交查询”按钮。

期望

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

观察

• 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-08-31 17:04:43的当前截图。这是脚本中需要向函数定义添加事件参数的位置，然后您需要在提交按钮上为函数调用提供事件参数。

在这两个地方都添加了一个事件，使用firefox，我在测试表单中得到了以下内容：