javascript - 使用 datatrans-inline.js 付款

标签 javascript typescript angular2-forms

我正在尝试使用 datatrans-inline.js 生成 token 我在 Angular2 的 typescript 中实现它时遇到困难......

有人可以帮忙吗?

文档: https://docs.pci-proxy.com/inline-payment-frames.html

每当我实现代码

Inline.initTokenize( "1234567890", {
   cardNumber: "1234567890123456", 
   cvv: "567"                
 });

最佳答案

我想解决您的问题,您需要根据文档更改 cardNumbercvv

Initialize the Inline Mode with your merchantId and specify which DOM element containers should be used to inject the iframes

实际上cardNumbercvv是dom元素的id

<form>
  <div>
    <div>
      <label for="card-number-placeholder">Card Number</label>
      <!-- card number container -->
      <div id="card-number-placeholder" style="width: 250px; height: 38px;"></div>
    </div>
    <div>
      <label for="cvv-placeholder">Cvv</label>
      <!-- cvv container -->
      <div id="cvv-placeholder" style="width: 90px; height: 38px;"></div>
    </div>

    <button type="button" id="go">Get Token!</button>
  </div>
</form>

关于javascript - 使用 datatrans-inline.js 付款,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47222525/

相关文章:

javascript - 如何在 Angular 2 应用程序中包含 jquery 库

用于 XSS 攻击的 Angular 2+ 清理表单输入

javascript - 使用 Backbone.js 或 Marionette.js 检测何时从页面中删除 View

javascript - 在 Angularjs 中,我如何加载相同的 javascript 文件,但为不同的环境(测试、测试版、产品)传递不同的 key

javascript - 移动动态创建的 JavaScript 按钮

javascript - 如何根据文档执行与 vuejs 插槽通常执行的操作相反的操作?

oop - Math Parser/Lexer - Token接口(interface)设计

javascript - 为什么这会返回 'never' 类型?

javascript - Angular 2 响应式(Reactive)表单与模板表单

Javascript 将项目添加到对象数据 : {}