Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagehtml
<netvalve-tokenfields>
    <form action="/your-payment-endpoint">
        <netvalve-cardnumber />cardnumber></netvalve-cardnumber>
        <netvalve-cvv />cvv></netvalve-cvv>
        <netvalve-expiry />expiry></netvalve-expiry>
        <button type="submit">Pay</button>
    </form>
</netvalve-tokenfields>

Important: The payment <form> must be a direct child of <netvalve-tokenfields>. This allows the SDK to properly intercept form submissions and handle tokenization.

See all the allowed HTML field attributes/properties.

Javascript SDK Configuration Approach

...

If you provide an onSubmitPayment callback, you must also provide the payButtonId

View all the JavaScript SDK properties.

Next Step

Configure the SDK for styling, validation and form submission.

Final Step

Use the token in place of the credit card data in the Sale API.https://hpitdxb.atlassian.net/wiki/spaces/GW/pages/1140883462

Call Sale API with token