Versions Compared

Version Old Version 1 New Version Current
Changes made by

Kyle Robinson

Kyle Robinson

Saved on

Key

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

...

Attribute

Type

Description

formId

string

[Optional] Provide the form element id.

submitButtonId

string

[Optional] Provide the submit button element id

style

string

[Optional] Global CSS styles for all fields

invalidStyles

string

[Optional] CSS styles applied when fields are invalid

interceptFormSubmit

boolean string (default “true”)

[Optional] By default the form will intercept the form submission, and if tokenization succeeds, it will call form.submit()

Set to 'false' if you would like control over the form submission, and perform tokenization using the tokenizeFields method on the netvalve-tokenfields web component. See Form Submission

<netvalve-cardnumber>, <netvalve-expiry>, <netvalve-cvv>

...

Code Block
languagehtml
<netvalve-tokenfields 
    formId="payment-form"
    submitButtonId="submit-btn"
    style="font-size: 16px; color: #333;"
    invalidStyles="border-color: red; color: red;">
    <form id="payment-form">
        <netvalve-cardnumber style="padding: 10px; border-radius: 4px;"></netvalve-cardnumber>
        <netvalve-cvv  style="padding: 10px; border-radius: 4px;"></netvalve-cvv>
        <netvalve-expiry style="padding: 10px; border-radius: 4px;"></netvalve-expiry>
        <button id="submit-btn" type="submit">Pay</button>
    </form>
</netvalve-tokenfields>