问题标签 [adyen]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
adyen - Adyen 创建 dropin 失败并显示“无法读取 null 属性(正在读取 'dropin')”
尝试做一个简单的 Adyen Drop-in 功能的初始工作示例。我在 React 应用程序中使用包“@adyen/adyen-web”版本 5.2.0。(见附件代码)
我的后端 API 内置在 .Net5 中,调用 Adyen 创建会话并将 id 和 sessionData 正确返回到“paymentSession”中显示的前端。
但是当代码到达部分 checkout.create('dropin').mount(adyenElementRef.current) 时,它在浏览器控制台中失败并出现错误:“无法读取 null 的属性(正在读取 'dropin')”。
我不知道为什么,我遵循了https://docs.adyen.com/online-payments/web-drop-in上的确切文档
更新: 我降级到版本 4.1.0 并通过更改为以下代码使其全部工作:
最新版本和 Promise 实现有什么奇怪的吗?
angularjs - 在提交之前如何检查 Adyen Web Drop-in 是否有效
我正在为我的网站使用 Adyen Web Drop-in。我没有在插件中显示支付按钮,而是使用插件外部的按钮来启动提交。
但是如何在提交之前检查是否输入了所有必填字段?比如在选择iDeal时,如果用户没有从下拉菜单中选择银行,当我发起提交时,下拉菜单会显示选择您的银行下拉菜单无效并且不继续make支付请求。但我没有收到通知或错误或任何东西。
单击时我禁用了我的付款按钮,以防止用户在付款过程中再次单击它。但是没有一些通知,我现在如何再次启用该按钮?
顺便说一句,我仍在为我的网站使用 AngularJS。仍在升级到 Angular 的过程中,因此付款表格仍在 AngularJS 上。
这是安装插件的代码:
我添加了 console.logs 来看看会发生什么。当提交选择银行的表单时,我看到的第一条消息是 makePayment 消息,正如预期的那样。但是,如果我没有在下拉列表中选择银行并提交,则不会触发任何日志。很明显,在付款之前是否输入了所有必填字段(应该如此),但我不知道如何获得该反馈。
adyen - 是否可以检查在 Adyen 支付小部件中输入的值并针对这些值运行验证?并给出错误状态?
我希望在我的 Adyen 支付模块上设置我自己的验证。具体来说,我想消除人们在持卡人姓名字段中插入不正确字符的能力(如表情符号等)。