-
Notifications
You must be signed in to change notification settings - Fork 1
/
paylike.sample.html
37 lines (33 loc) · 1.05 KB
/
paylike.sample.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Upodi - Using Paylike.io Tokenization</title>
</head>
<body>
<form id="checkout" action="#" method="POST">
<input type="text" class="card-number" placeholder="0000 0000 0000 0000" required /><br />
<input type="text" class="card-expiry" placeholder="mm / yy" required /><br />
<input type="text" class="card-code" placeholder="CVC" maxlength="4" pattern="[0-9]{3,4}" required /><br />
<input type="submit" value="Pay" />
</form>
<script src="https://sdk.paylike.io/3.js"></script>
<script>
var paylike = Paylike('{your public key}', { style: false });
var $form = document.querySelector('form#checkout');
$form.addEventListener('submit', function( e ){
e.preventDefault();
paylike.tokenize($form, { },
function( err, r ){
if (err) {
console.log(err);
}else {
var tokenizedCard = r.card.id;
// call upodi with tokenizedCard...
}
}
);
});
</script>
</body>
</html>