Configuration
Last updated: 10-Dec-2024
Javascript client module
Version: 2.3.1
jsclient.injectForm(form, [opts])
Inject the payment form into an HTML page
Kind: static method of jsclient
| Param | Type | Default | Description |
|---|---|---|---|
| form | HTMLElement |
The HTML element to inject the form into. | |
| [opts] | Object |
An object containing the options you want to provide. | |
| [opts.organisation_id] | String |
Card only, the organisation to which attach the token | |
| [opts.dynamic_descriptor] | String |
Text that will be added to the customers bank statement. | |
| [opts.jwt_token] | String |
JWT token for 3DS 2.0 | |
| [opts.lookup_endpoint] | String |
Lookup endpoint for 3DS 2.0 | |
| [opts.cvv_placeholder3] | String |
"CVV" |
The placeholder for the CVV input element when a 3-digit CVV is required. |
| [opts.cvv_placeholder4] | String |
"CVV" |
The placeholder for the CVV input element when a 4-digit CVV is required. |
| [opts.card_number_placeholder] | String |
"Your card number" |
The placeholder for the card number input element. |
| [opts.expiry_placeholder] | String |
"MM/YY" |
The placeholder for the expiry date input element. |
| [opts.submit_title] | String |
"Submit" |
The placeholder for the expiry date input element. |
| [opts.nr_not_valid] | String |
"Not a valid credit card number" |
The placeholder for the expiry date input element. |
| [opts.length_not_valid] | String |
"Card number length should be between 13 and 16 digits" |
The placeholder for the expiry date input element. |
| [opts.month_not_valid] | String |
"Expiry month must be a value between 1 and 12" |
The placeholder for the expiry date input element. |
| [opts.year_not_valid] | String |
"Expiry year must be a value between 16 and 26" |
The placeholder for the expiry date input element. |
| [opts.cvv_not_valid] | String |
"CVV number should contain 3 or 4 digits" |
The placeholder for the expiry date input element. |
| [opts.cvv_required] | Object | Boolean |
false |
Flag used to enforce that a CVV is provided when submitting the form for a card payment. Can be either a boolean or an object with a flag per card scheme. |
| [opts.account_number_not_valid] | String |
"Account number is invalid" |
The placeholder for the account number input element. |
| [opts.routing_number_not_valid] | String |
"Routing number is invalid" |
The placeholder for the routing number input element. |
| [opts.payment_products] | [ 'Array' ].<String> |
["card"] |
A list of payment products you want to offer your customer. Can be "bancontact", "bancontact_ppro", "card", "giropay", "ideal", "ideal_ppro", "ideal_slimpay", "paypal", "sepa", or "klarna", or "sofort". |
| [opts.type_ahead] | Boolean |
false |
enable type ahead auto switching to next field in card form, disabled by default set to true to enable |
| [opts.allowed_card_brands] | [ 'Array' ].<String> |
["Mastercard", "Visa"] |
A list of creditcard brands that are allowed. Default is Mastercard and Visa |
| [opts.brand_not_valid] | String |
"Allowed card brands: " |
Error message for allowed card brands |
| [opts.cardstore_url] | String |
Adjusts the path to the appropriate card store. Allows switching between different environments. | |
| [opts.no_style] | Boolean |
Whether to apply the default style. Set to true if you want to do your own styling. | |
| [opts.css_framework] | String |
"bootstrap" |
CSS framework used for default styles. Only supports: "nostyle", "bootstrap", "materialize" |
| [opts.account_number_placeholder] | String |
"Account number" |
The eCheck account number placeholder |
| [opts.routing_number_placeholder] | String |
"Routing number" |
The eCheck account number placeholder |
| [opts.eid] | String |
Klarna only - The merchant eid for Klarna | |
| [opts.country_code] | String |
Klarna only - The related country. Only supports: "FI", "NO", "SE", "DK" | |
| [opts.amount] | Number |
Klarna only - The total amount of the transaction | |
| [opts.account_id] | String |
Klarna only - The merchant account id | |
| [opts.api_url] | String |
Klarna only - The API resource base url | |
| [opts.loader_url] | String |
Klarna only - The temporary loader used while fetching Klarna details |
Rate this article:
