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

时间:2019-04-13 14:42:32

标签: javascript regex

我输入的内容必须格式化用户键入的内容(实际上是来自他的银行帐户的信息)。但是数字必须采用某种特定的格式:

  • 前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

1 个答案:

答案 0 :(得分:4)

您可以查找给定的长度,然后输入一个字符并添加减号。

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">