Validating iframes

Access to iframe field data is restricted, but you can validate iframe fields in a several ways:

Inside your own merchant validation function at submit
As blur events occur when the user tabs from field to field in the iframes
As a call to vindicia.isValid() for all iframes or for a single iframe
Let the Submit button block naturally if iframe fields do not contain valid data

vindicia.cardType	A string property to hold the short name of the card type that was detected. Supported values include - amex - dankort - diners_club_carte_blanche - diners_club_international - discover - jcb - visa_electron - visa - mastercard - maestro This is available only with the `CardNumber` iframe.
vindicia.dataLength(selector)	This method returns a positive integer that is a count of characters inside the input box in the iframe. If no selector is specified, or if the selector cannot find the iframe, it returns zero. This is very useful when detecting if the card is an “amex” and in the CVV field four numbers were entered `if (vindicia .cardType == "amex" && vindicia.dataLength('vin_PaymentMethod_nameValues_cvn') != 4) { alert("American Express CVV must be 4 numbers"); return false }`
vindicia.isValid(selector)	This method returns true or false if the input box in the iframe is valid. If no selector is specified, it returns true if all iframes are valid, and false if at least one iframe is not valid. `if (!vindicia.isValid('vin_PaymentMethod_creditCard_account')) { alert('Please enter a valid credit card before submitting'); return false }`

 Accessing onblur events with vindicia.setup()

 onVindiciaFieldEvent: function(event) {
 if (event.detail.fieldType == 'cardNumber') {
 setCardImage(event.detail.cardType); // bright or dim the card logo
 }
 if (event.detail.fieldType == 'expirationDate') {
 if (!event.detail.isValid)
 {
 console.log('vindiciaFieldEvent expirationDate not valid');
 }
 }
 },

Parent topic:Implementing HOA with Hosted Fields

Home

Guides

APIs