HTML SDK Configuration Field Attributes

<netvalve-tokenfields>

These are the allowed attributes:

Attribute	Type	Description

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>

These are the allowed attributes:

Attribute	Type	Description

Attribute	Type	Description
`style`	string	[Optional] CSS styles specific to this field

Example Usage

<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>

Netvalve Documentation

HTML SDK Configuration Field Attributes

<netvalve-tokenfields>

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

Example Usage

Related content