formatting doesn't add spaces or / on Android about jquery.payment

[noelrocha]

It looks like doesn't accept the spaces. Anyone with a good solution?

[firecall]

Workaround: Use a jQuery masking plugin, or if using bootstrap, the JASNY extensions have a masking plugin.

[edlebert]

This is a huge issue. Not only does the formatting not work, for some reason it adds a space to the beginning of the CVC field when you focus on it for the first time.

[edlebert]

This is related to a chromium bug where the keycode is always zero for keyup/keydown events. But that bug has been open for over a year, soooo... I don't know if/when chromium will ever fix it.

[edlebert]

This appears to be the related chromium issue: https://code.google.com/p/chromium/issues/detail?id=118639

[SeanLS]

The following lines need to be updated (add input as event type for android support Lines 367 to 390):

$.payment.fn.formatCardCVC = function() {
this.payment('restrictNumeric');
this.on('keypress input', restrictCVC);
return this;
};

$.payment.fn.formatCardExpiry = function() {
this.payment('restrictNumeric');
this.on('keypress input', restrictExpiry);
this.on('keypress input', formatExpiry);
this.on('keypress input', formatForwardSlash);
this.on('keypress input', formatForwardExpiry);
this.on('keydown input', formatBackExpiry);
return this;
};

$.payment.fn.formatCardNumber = function() {
this.payment('restrictNumeric');
this.on('keypress input', restrictCardNumber);
this.on('keypress input', formatCardNumber);
this.on('keydown input', formatBackCardNumber);
this.on('keyup input', setCardType);
this.on('paste input', reFormatCardNumber);
return this;
};

$.payment.fn.restrictNumeric = function() {
this.on('keypress input', restrictNumeric);
return this;
};

[jamesreggio]

Fixed in #102 and available in v1.1.0.

https://github.com/stripe/jquery.payment/releases/tag/v1.1.0