格式化
PAN 格式化
SDK 允许按照客户类型进行 PAN 格式化。这一功能默认已禁用。
按照下列方法将 PAN 格式化：
| 卡类型 | 格式化 |
|---|---|
| Visa、Mastercard、JCB、Discover、 Diners、Maestro | XXXX XXXX XXXX XXXX |
| Amex | XXXX XXXXXX XXXXX |
启用 PAN 格式化
Copied!
(function () {
var form = document.getElementById("card-form");
var clear = document.getElementById("clear");
Worldpay.checkout.init(
{
id: "MerchantID",
form: "#card-form",
fields: {
pan: {
selector: "#card-pan",
placeholder: "4444333322221111"
},
cvv: {
selector: "#card-cvv",
placeholder: "123"
},
expiry: {
selector: "#card-expiry",
placeholder: "MM/YY"
}
},
enablePanFormatting: true
},
function (error, checkout) {
if (error) {
console.error(error);
return;
}
form.addEventListener("submit", function (event) {
event.preventDefault();
checkout.generateSessionState(function (error, sessionState) {
if (error) {
console.error(error);
return;
}
// session state for card details
alert(sessionState);
});
});
clear.addEventListener("click", function(event) {
event.preventDefault();
checkout.clearForm(function() {
// trigger desired behaviour on cleared form
console.log('Form successfully cleared');
});
});
}
);
})();(function () { var form = document.getElementById("card-form"); var clear = document.getElementById("clear"); Worldpay.checkout.init( { id: "MerchantID", form: "#card-form", fields: { pan: { selector: "#card-pan", placeholder: "4444333322221111" }, cvv: { selector: "#card-cvv", placeholder: "123" }, expiry: { selector: "#card-expiry", placeholder: "MM/YY" } }, enablePanFormatting: true }, function (error, checkout) { if (error) { console.error(error); return; } form.addEventListener("submit", function (event) { event.preventDefault(); checkout.generateSessionState(function (error, sessionState) { if (error) { console.error(error); return; } // session state for card details alert(sessionState); }); }); clear.addEventListener("click", function(event) { event.preventDefault(); checkout.clearForm(function() { // trigger desired behaviour on cleared form console.log('Form successfully cleared'); }); }); } ); })();