Tengo un campo de entrada y un esquema de fecha que necesito validar (dd.mm.yy). No puedo usar un patrón regular para la entrada, porque no se debe permitir que los usuarios escriban letras, deben escribir 22 y si el tercero no es un punto, se debe evitar el tipo.

El frente está escrito en vue.js, así que tengo

 <input v-on:change="changeFunction" :sr-only="true" placeholder="dd.mm.yy"></input>

y luego traté de usar funciones como esta

 validate (e) { let number = new RegExp('(0[1-9]|[12][0-9]|3[01])[. /.](0[1-9]|1[012])[. /.]') let validate = number.test(e) if (validate) { return true } }

y luego validar

 changeFunction ({name, value}) { if (this.validate(value)) { do something } else { do something else } }

Obtengo verdadero y falso una vez que se completa el tipo, pero puedo escribir cualquier cosa dentro de la entrada, no solo números y puntos. Entonces, ¿hay alguna manera de que pueda verificar RegExp mientras escribo número por número y evitar escribir si RegExp no coincide?

Gracias