Contexto: tenho um input que a medida que eu vou digitando uma funcao é chamada para verificar se o numero de telefone está no formato correto. Essa funcao deve aceitar numeros nos formatos: (XX)XXXXX-XXXX e (XX)XXXX-XXXX, e já aceita ambos os formatos!
Qual é o problema entao?: A funcao ao dar match no formato de 8 digitos não continua a correção caso o usuario digite o 9º digito.
Resumindo: quero que o regex identifique tanto o formato de 8 e 9 digitos, mas se for entrado 9 digitos, este formato que deve ser usado.
import React, {useState} from 'react'
function App(){
const [telefone, setTelefone] = useState("")
function handleTelefone(event){
const regex = /^\(?([0-9]{2})\)?([0-9]{4,5})\-?([0-9]{4})$/mg;
var str = event.target.value;
const subst = `($1)$2-$3`;
const result = str.replace(regex, subst);
setTelefone(result);
}
return(
<>
<form>
<input type="text" value={telefone} onChange={handleTelefone.bind(this)}/>
</form>
</>
)
}
export default App