有没有办法让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

如果我点击button，我将转到第2页，在第2页，我有一个编辑按钮。如果我点击edit，我将再次使用掩码形式的信用卡转到第1页

DISPLAY:

XXXX-XXXX-XXXX-4568

Name

button

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

DISPLAY:

XXXX-XXXX-XXXX-4

Name

button

因为我添加了＆＃34; - ＆＃34;它计为一个字符，maxlength为16，因此输入的值仅限为16个字符。

我有没有办法不考虑＆＃34; - ＆＃34;作为一个要算的角色？我无法调整输入的maxlength属性。这是一个商业规则。非常感谢你！

Answer 1

为什么不使用 JQuery Mask Plugin 来实现此目的：

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

它为您提供了许多处理模式。

Answer 2

我希望你能在这段代码中解决它。

section.album header {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

section.album:hover > header {
  opacity: 0.6;
}