问题是:收集客户信息并将其存储在保险库中的正确方法是什么?Braintree-javascript - 收集更多客户信息?
我希望在填写和提交嵌入式UI表单时将客户的结算信息存储在Braintree的保管库中,以便创建定期的未来交易。未来的交易将会收取不定额/不同的金额。
目前,我已经配置的嵌入式用户界面只有一个贝宝按钮和输入字段的cc#和到期日期。这是我目前有插入式用户界面:
按照docs,布伦特里插入式用户界面只允许收集:CC#,进出口日期,邮政编码/ CVV,贝宝acc和venmo acc。
我一直在思考创建表单和使用jquery从输入字段收集并将其提供给Braintree的transaction API,但不确定这是符合PCI/SAQ-A的。我也发现我可以store a new customer in the vault upon a successful transaction。
代码如下所示:
<div class="container-fluid">
<div class="container">
<form class="form-horizontal" role="form" id="checkout" method="post" action="/checkout">
<!-- billing information -->
<div class="container" style="width: 50%">
<div class="form-group">
<label class="control-label col-xs-3" for="Full Name">Full Name:</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="fullname" placeholder="Full Name">
</div>
<br>
<label class="control-label col-xs-3" for="Address">Address:</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="Address" placeholder="Address">
</div>
<br>
zip | city
<br>
country
</div>
</div>
<hr>
<!-- braintree drop-in ui form-->
<div class="text-center" id="payment-form"></div>
<!-- TOS -->
<div class="container">
<h4>TOS Place holder</h4>
This will be where the TOS goes. It's a pretty good space is it not?
<br>
<h4>TOS Place holder</h4>
This will be where the TOS goes. It's a pretty good space is it not?
<br>
<h4>TOS Place holder</h4>
This will be where the TOS goes. It's a pretty good space is it not?
</div>
<hr>
<div class="text-center">
<input type="submit" value="Submit Payment" class="btn btn-primary btn-lg">
</div>
</form>
</div>
</div>
<!-- braintree sdk -->
<script src="https://js.braintreegateway.com/v2/braintree.js"></script>
<!-- braintree setup -->
<script>
/*
* Uncomment when no longer in sandbox
*/
//Get client token
// $.get("/client_token", function(clientToken) {
// braintree.setup(clientToken, 'dropin', {
// container: 'payment-form'
// });
// });
var clientToken = *removed*;
braintree.setup(
// Replace this with a client token from your server
clientToken,
"dropin", {
container: "payment-form",
form: "checkout",
});
</script>
任何帮助,非常感谢!感谢您花时间阅读。
非常感谢! – c0de