Tengo un problema con mi función , estoy validando que no se puedan ingresar letras en el campo la función funciona pero a medias, cuando dejo de escribir me deja la ultima letra este es mi código.
Esta es mi función
validarNumeros() {
const patt = new RegExp('/^[ 0-9áéíóúüñ]*$/');
const pattReplace = new RegExp('[^ 0-9áéíóúüñ]+');
$('#NumeroUno').on('input', function (e) {
if (!patt.test(this.value)) {
this.value = this.value.replace(pattReplace, '');
}
});
}
Este es mi html
:
<div class="form-group" *ngIf="descripcionNumero">
<label class="">Número</label>
<span class="textBigRed">*</span>
<input type="text" class="form-control" id="NumeroUno" formControlName="NumeroUno"
(blur)="ConcatenarDireccion('num',contactoFrom.controls.NumeroUno.value)"
(input)="validarNumeros()" [attr.disabled]="formBuscarLocked" />
</div>
Así concateno:
ConcatenarDireccion(campo, formCampo) {
if (campo === 'via') {
this.Via = formCampo.Abreviatura;
} else if (campo === 'num') {
this.Numero = formCampo;
} else if (campo === 'letra') {
this.Letra = formCampo.Descripcion;
} else if (campo === 'numDos') {
this.NumeroDos = formCampo;
} else if (campo === 'letraDos') {
this.LetraDos = formCampo.Descripcion;
} else if (campo === 'card') {
this.Cardinal = formCampo.Descripcion;
} else if (campo === 'numTres') {
this.NumeroTres = formCampo;
} else if (campo === 'inmu') {
this.inmueble = formCampo.Descripcion;
} else if (campo === 'numCuatro') {
this.NumeroCuatro = formCampo;
}
}
y así lo muestro:
<div class="col-xs-12 col-md-12 col-lg-12" [hidden]="ocultarDireccion">
<div class="col-xs-12 col-md-12 col-lg-12" style="padding-bottom: 15px">
<label class="textBlod"> Direccion seleccionada: </label>
<span>
{{Via}} {{Numero}} {{Letra}} {{NumeroDos}} {{LetraDos}} {{Cardinal}} {{NumeroTres}} {{inmueble}}
{{NumeroCuatro}}
</span>
</div>
</div>
Que estoy haciendo mal ? o hay otra forma de hacerlo ?
ConcatenarDireccion