Masking credit-card input field in Cybersource Flex Microform

1.3k Views Asked by At

In my project, I'm using Cybersource Flex Microform for Credit Card validations, but unable to mask the entered number on blur or key-up.

I am using the 0.4.0 version of the Flex Microform API and in the options object, I'm giving inputType: "password".

window.FLEX.microform(
        {
          keyId: kid,
          keystore: keystore,
          container: '#cardNumber-container',
          label: '#cardNumber-label',
          styles: {
            input: {
              'font-size': '16px'
            }
          },
          encryptionType: 'rsaoaep256',
          inputType: 'password'
        },
        function(setupError, microformInstance) {
         // credit card on blur event functionality
        }
)

Still in the field, the input type is coming as the default "tel", but not as "password".

0

There are 0 best solutions below