javascript - 有没有办法让 javascript 不计算特定字符？

Question

在第 1 页我有这个 html

<input value="creditCard" name="creditCard" maxlength="16">
<input value="name" name="name" maxlength="4">
<input type="button" name="submit">

DISPLAY:

1234567891234568

Name

button

如果我单击按钮，我将转到第 2 页，在第 2 页中我有一个编辑按钮。如果我点击edit，我将再次被定向到第 1 页，信用卡以掩码形式出现

DISPLAY:

XXXX-XXXX-XXXX-4568

Name

button

例如，如果我点击 creditCard 输入，然后点击 name 输入，显示将如下所示:

DISPLAY:

XXXX-XXXX-XXXX-4

Name

button

由于我添加了“-”，它算作一个字符并且最大长度为 16，因此输入的值被裁剪为仅 16 个字符。

有什么方法可以让我不将“-”视为要计算的字符吗？我无法调整输入的 maxlength 属性。这是商业规则。非常感谢!

Answer 1

为什么不为此目的使用 JQuery Mask Plugin:

https://igorescobar.github.io/jQuery-Mask-Plugin/

它给了你很多模式来处理。