在实际文本字段中添加填充或样式

Question

所以我有一个字段供访问者输入他们的信用卡信息

<div class="payment_field"><label for="card_number">Card Number</label><input class="payment_input" name="card_number" type="text" id="card_number" maxlength="17"></div>

目前，如果有人在此字段中输入了数字，那么它看起来像1234567890123456我希望它们看起来像1234 5678 9012 3456

我唯一的理论是有4个不同的文本字段，但我想知道是否有一些你可以使用jquery在每4个输入后用数字来分隔数字，比如添加填充？或者是否可以在每4个数字后添加 ，然后在表单提交时删除所有空格？

Answer 1

实际上这个答案是对的。

1. 删除号码时，您必须删除这些空格，这些空格应自动删除
2. Amex有17个号码，所以最后一个号码是单独的，例如1234 5，在他们在一起的信用卡上，12345。所以在那里应该有另一个if语句，以确保最后一组数字按4或5个数字分组。

这两点是如何实现的？