Hosted AJAX iFrame Tokenizer Validation Example

This page shows how to use the Hosted iFrame tokenizer with client side validation. View page source to see the code.
After the credit card number is entered by the user, the iFrame validates the input and will send back an error event to the parent page if validation fails. If validation succeeds, the account number will be tokenized and returned to the parent page in an event. The submit button will validate the fields and display the token if all fields are valid.

Please note: Although this example points to directly to an iframe HTML file only, in actual
implementation the src attribute must point to the same file but also include the hosted URL location.

Example: src="fts.cardconnect.com/itoke/ajax-tokenizer.html?css=.error{color:red;border-color:red;}&invalidinputevent=true"

Card number:
Expiration Date:
CVV: