javascript - 由于 JavaScript，iPhone 将逗号添加到输入数字字段

Question

我们有一个从移动浏览器获取信用卡的订单:<input type="number"id="txtCCNumber"/>

除此之外，我们还有一个 JavaScript 可以删除插入到字段中的任何非整数字符:

$('input#txtCCNumber').keyup(function(e)
{
    var ccnum = $(this).val();
    $(this).val(ccnum.replace(/[^\d]/g, ''));
});

但是我们刚刚意识到，当使用 iPhone 的人尝试输入信用卡时，iPhone 会自动每 3 个数字添加一个逗号(由于 JavaScript)。

有人知道修复此 JavaScript 使其正常工作的方法吗？

我不想使用 type="tel"。在这种情况下，这不是解决方案。

Answer 1

就我个人而言，我认为信用卡号码不适合 input type="number" 的使用。根据the spec :

The input element with a type attribute whose value is "number" represents a precise control for setting the element’s value to a string representing a number.

信用卡“号码”是一串数字，但它们不标识特定的数值，用户使用某些浏览器附带的向上和向下箭头输入信用卡号码是没有意义的到输入字段。最好的选择就是使用 input type="text"。

此外，将该 JavaScript 附加到 keyup 事件会惹恼像我这样想输入带有分隔符的信用卡号的人，因为这样更容易抽查。只需让人们随心所欲地输入他们的卡号，然后再将其标准化。