信用卡输入蒙版不适用于离子3-模糊事件

Question

我已经看了几天这个问题了。我发现了几个例子，似乎都不适合离子3

这是接近但不正确的Mask credit card input on blur

我需要一个可以在用户放入卡时显示签证，美国运通卡等信息的指令，并在将卡发送至条带之前验证卡。

此示例不适用于离子3https://gist.github.com/codinronan/d6ddfc4ab8dba2277386dbed160b050e

这个也不起作用。我花了几个小时。.ionic 3需要工作的时间不要少于2个。 Angular 2 Text Mask目前不支持这些功能，因此，如果您认为自己可以完成任务，请查看

https://www.joshmorony.com/improve-mobile-form-ux-with-input-masks/

我只需要基本的卡就不需要所有这些卡。

NUMBER BRAND 4242424242424242 Visa 4000056655665556 Visa（debit）5555555555554444万事达卡2223003122003222万事达卡（2系列）5200828282828210万事达卡（借记卡）5105105105105100万事达卡（预付费）378282246310005美国运通371449635398431美国运通快递6011111111111117发现6011000990139424发现30569309025904大来俱乐部38520000023237大来俱乐部3566002020360505 JCB 6200000000000005银联

从条纹来看，这很好。.不起作用https://stripe.com/docs/stripe-js/elements/quickstart

有人找到一个很好的例子吗？

谢谢菲尔

Answer 1

使用CleaveJS，令人困惑，尽管我从未在ionic https://nosir.github.io/cleave.js/中实现它>