我必须使用node js app动态添加信用卡持卡人姓名。我使用Braintree进行支付交易。我添加了信用卡号,有效期和时间。 CVV。但不能添加信用卡持卡人姓名。我可以为此做些什么?
braintree.hostedFields.create({
client: clientInstance,
styles: {
'input.invalid': {
'color': 'red'
},
'input.valid': {
'color': 'green'
}
},
fields: {
number: {
selector: '#cardNumber'
},
cvv: {
selector: '#cardCVC'
},
expirationDate: {
selector: '#cardExpiry'
}
}
答案 0 :(得分:1)
完全披露:我在Braintree工作。如果您还有其他问题,请随时contact support。 子>
Braintree Hosted Fields并不支持使用iFrame作为持卡人姓名。可用的fieldOptions
列在here中。相反,您需要在HTML form
元素中添加其他输入:
<form action="/" id="my-sample-form" method="post">
<label for="card-number">Card Number</label>
<div id="card-number"></div>
<label for="cvv">CVV</label>
<div id="cvv"></div>
<label for="expiration-date">Expiration Date</label>
<div id="expiration-date"></div>
<label for="cardholder-name">Cardholder Name</label>
<input id="cardholder-name" name="cardholderName" placeholder="Cardholder Name"/>
<input type="submit" value="Pay" disabled />
</form>
您的cardholderName
来电可以braintree.hostedFields.create
来电event.target.cardholderName.value
来访问您的 braintree.hostedFields.create({
client: clientInstance,
styles: {
'input.invalid': {
'color': 'red'
},
'input.valid': {
'color': 'green'
}
},
fields: {
number: {
selector: '#card-number',
placeholder: '4111 1111 1111 1111'
},
cvv: {
selector: '#cvv',
placeholder: '123'
},
expirationDate: {
selector: '#expiration-date',
placeholder: '10/2019'
}
}
}, function (hostedFieldsErr, hostedFieldsInstance) {
if (hostedFieldsErr) {
console.error(hostedFieldsErr);
return;
}
submit.removeAttribute('disabled');
form.addEventListener('submit', function (event) {
event.preventDefault();
hostedFieldsInstance.tokenize({
cardholderName: event.target.cardholderName.value
}, function (tokenizeErr, payload) {
if (tokenizeErr) {
console.error(tokenizeErr);
return;
}
// Submit nonce to your server here
console.log(payload.nonce);
});
}, false);
});
输入值,并且可以包含在options object of the tokenize call中:
.eps