javascript - javascript 中的正则表达式，格式非常特殊

Question

我有一个输入必须格式化用户输入的内容(实际上是来自他的银行帐户的信息)。但是数字必须以某种方式格式化:

• 前 5 位必须是数字。
• 如果用户键入超过 5 个数字，最后一个数字前面必须有一个“-”
• 在第 5 位数字后，用户可以键入“x”或“X”
• 号码最少5位，最多15位

例子:

• 12345
• 12345-1
• 123456-1
• 1234567-1
• 12345-x
• 123456789-x
• 123456789-X
• 12345678901234-5

实际上，我正在使用一个替换字符串的标准化器。

这是我正在使用的，但我无法正确格式化它。

export const normalizeBankAccount = value => {
    if (!value) {
      return value
    }

    if(value.length <= 16 && (!value.match(/[^\d|X]/g) || !value.match(/[^\d|-]/g) || !value.match(/[^\d|x]/g))) {
      if(value.length <= 5){
        return value.replace(/[^\d]/g, '')
      } else if(value.length >= 6) {
        const len = value.length;
        const aux=value;
        const initial = value.substring(0,value.length-1).replace('-', '');
        console.log("len: " +len, "\naux: " +aux,"\ninitial: "+ initial)
        return value.replace(new RegExp("\\d{"+ len +"}") , initial+ '-').replace(/[X]/g, '-X').replace(/[x]/g, '-x')
      }
    }
}

当我使用这个方法时，字符串的格式如下:

• 12345-6789123

Answer 1

您可以查找给定长度，后跟单个字符并添加减号。

const
    normalize = string => string.replace(/^\d{5,14}(?=[0-9x]$)/i, '$&-');

console.log(['12345', '123451', '1234561', '12345671', '12345x', '123456789x', '123456789X', '123456789012345'].map(normalize));

输入示例。

function update(element) {
    element.value = element.value
        .replace(/[^0-9x]/gi, '')
        .replace(/x(?=.)/gi, '')
        .replace(/^\d{5,14}(?=[0-9x]$)/i, '$&-');
}

<input type="text" onkeyup="update(this)" id="x">