Sinceramente, esta regex que você está usando, na minha opinião, não é nada prática e eu evitaria usar em qualquer sistema em produção. Basta ver a dificuldade que você está tendo para entendê-la e modificá-la. Pense se realmente vale a pena.
Esta regex faz validações que são muito mais fáceis de se fazer fora dela, como verificar se um ano é bissexto (e com isso saber se fevereiro deve ter 28 ou 29 dias), além de verificar meses com 30 ou 31 dias. Mas para que tudo isso, se é muito mais simples verificar fora dela? Regex processa texto, mesmo dígitos como 1
ou 2
são tratados como meros caracteres, e qualquer cálculo matemático é muito mais fácil de ser feito fora da regex.
Dito isso, se você recebe uma string e quer verificar se ela corresponde a uma data no formato 'dd/mm/aaaa', não precisa usar uma super-regex-complicada-que-faz-tudo.
Você pode usar uma regex mais simples, apenas para validar o formato "dois dígitos, barra, dois dígitos, barra, quatro dígitos" e depois validar esses valores separadamente:
let match = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec('20/10/2018');
if (match) {
let dia = parseInt(match[1]);
let mes = parseInt(match[2]);
let ano = parseInt(match[3]);
let d = new Date(ano, mes - 1, dia);
let dataValida = d.getFullYear() == ano
&& d.getMonth() + 1 == mes
&& d.getDate() == dia;
console.log(dataValida); // true
} else {
console.log('string não está no formato dd/mm/aaaa, ou não é uma data');
}
A regex só serve para verificar se a string possui exatamente dois dígitos, barra, mais dois dígitos, barra, mais 4 dígitos. Os marcadores ^
e $
significam, respectivamente, o início e fim da string, garantindo assim que a string só tem o que está na regex.
Usando \d{2}
e \d{4}
eu garanto as quantidades corretas de dígitos, e caso a regex retorne um match, eu posso transformar os respectivos valores em números, usando parseInt
. Isso é possível porque cada número está entre parênteses na regex, e isso forma um grupo de captura (com isso eu posso obter cada grupo usando match[numero_do_grupo]
).
O construtor de Date
recebe o ano, mês e dia, com o cuidado de subtrair 1 do mês, já que para esta classe janeiro é zero, fevereiro é 1, etc.
O problema é que essa classe aceita valores inválidos, como mês 13, dia 32, etc, e faz alguns ajustes no resultado final (por exemplo, se tentar criar 32 de janeiro, o resultado é 1 de fevereiro). Por isso, para saber se os valores do dia, mês e ano são válidos, basta compará-los com o Date
criado. Se não houve ajuste é porque os valores são válidos, senão é um indicativo de que algum valor é inválido (pode ser dia 31 em meses que só tem 30 dias, ou 29 de fevereiro em um ano não-bissexto, etc).
Se quer usar outros separadores além da barra (como -
ou .
), a regex muda um pouco:
let match = /^(\d{2})([-\/.]?)(\d{2})\2(\d{4})$/.exec('20.10.2018');
if (match) {
let dia = parseInt(match[1]);
let mes = parseInt(match[3]);
let ano = parseInt(match[4]);
let d = new Date(ano, mes - 1, dia);
let dataValida = d.getFullYear() == ano
&& d.getMonth() + 1 == mes
&& d.getDate() == dia;
console.log(dataValida); // true
} else {
console.log('string não está no formato dd/mm/aaaa, ou não é uma data');
}
Agora eu coloquei outro grupo de captura para o separador: ([-\/.]?)
. O trecho [-\/.]
significa "um hífen, ou uma barra, ou um ponto", e o ?
torna este trecho opcional.
Em seguida eu uso a referência \2
, que significa "a mesma string que foi capturada no grupo 2". O grupo 2 é o segundo par de parênteses, que no caso é o separador. Isso garante que o mesmo separador que foi usado entre o dia e o mês estará entre o mês e o ano. E como ele é opcional, caso não haja separador, o \2
será a string vazia, garantindo que ou tem o mesmo separador, ou não tem nenhum.
Outro ponto de atenção é que, como eu incluí mais um grupo de captura (para o separador), o mês e ano agora são os grupos 3 e 4 (match[3]
e match[4]
).
Moment.js
Outra alternativa é usar a biblioteca Moment.js. No caso, você pode passar um array com os formatos possíveis e em seguida usar isValid()
para saber se a data é válida.
let formatos = ['DD/MM/YYYY', 'DD-MM-YYYY', 'DD.MM.YYYY', 'DDMMYYYY'];
console.log(moment('29/02/2016', formatos).isValid()); // true
console.log(moment('30-04-2017', formatos).isValid()); // true
console.log(moment('31.12.2018', formatos).isValid()); // true
console.log(moment('10032019', formatos).isValid()); //true
// datas inválidas
console.log(moment('29/02/2017', formatos).isValid()); // false
console.log(moment('31-04-2017', formatos).isValid()); // false
<script src="https://momentjs.com/downloads/moment.min.js"></script>
Se quer mesmo prosseguir com a regex gigante, você pode retirar o ?
depois dos zeros, pois assim eles deixam de ser opcionais (com o zero opcional a regex aceita 04
e 4
).
Eu também troquei os separadores por [-\/.]?
para deixá-los opcionais. A sua regex usa \/|-|\.
(uma barra ou hífen ou ponto), mas quando temos várias opções com apenas um caractere cada, é mais fácil usar os colchetes. Colocando o ?
depois torna o trecho opcional, e pelo que vi a regex usa a mesma coisa que fiz no segundo exemplo acima, usando \1
, \2
, etc para que o separador seja o mesmo.
Por fim, removi o ?
depois dos dois primeiros dígitos do ano, pois assim a regex exigirá anos com somente 4 dígitos:
^(?:(?:31([-\/.]?)(?:0[13578]|1[02]))\1|(?:(?:29|30)([-\/.]?)(?:0[1,3-9]|1[0-2])\2))(?:(?:1[6-9]|[2-9]\d)\d{2})$|^(?:29([-\/.]?)02\3(?:(?:(?:1[6-9]|[2-9]\d)(?:0[48]|[2468][048]|[13579][26]))))$|^(?:0[1-9]|1\d|2[0-8])([-\/.]?)(?:(?:0[1-9])|(?:1[0-2]))\4(?:(?:1[6-9]|[2-9]\d)\d{2})$
Veja aqui alguns exemplos dela funcionando. Segue abaixo alguns testes também:
let r = /^(?:(?:31([-\/.]?)(?:0[13578]|1[02]))\1|(?:(?:29|30)([-\/.]?)(?:0[1,3-9]|1[0-2])\2))(?:(?:1[6-9]|[2-9]\d)\d{2})$|^(?:29([-\/.]?)02\3(?:(?:(?:1[6-9]|[2-9]\d)(?:0[48]|[2468][048]|[13579][26]))))$|^(?:0[1-9]|1\d|2[0-8])([-\/.]?)(?:(?:0[1-9])|(?:1[0-2]))\4(?:(?:1[6-9]|[2-9]\d)\d{2})$/;
console.log(r.test('29/02/2016')); // true
console.log(r.test('30-04-2019')); // true
console.log(r.test('20.12.2018')); // true
console.log(r.test('15032019')); // true
console.log(r.test('10-10/2018')); // false
console.log(r.test('29/02/2017')); // false
console.log(r.test('31/04/2018')); // false
console.log(r.test('32/01/2019')); // false