0

Olá, estou com um problema com regex e angular.

Tenho um input que utiliza ngModel, e estou precisando utilizar um regex nele que impeça o usuário digitar inicialmente um número, ou seja, obrigatoriamente o primeiro digito do input não pode ser um número.

O problema, é que não consigo encontrar um regex que faça isso e não consigo aplicar nenhum regex com ngModel.

Alguém poderia me ajudar por favor. Meu input se encontra assim no momento:

 <input 
     placeholder="Input name" 
     class="inputs" 
     value="{{input.inputField}}"
     pattern="^[a-z]"
     [(ngModel)]="input[i].inputField" />

Agradeço desde já...

4

1 Resposta 1

2

Não precisa de expressão regular para fazer esta validação, você pode pegar o primeiro valor do input com o método substr() e verificar se é um número com o método isNaN():

TS

if(e.target.value.substr(0,1) == isNaN(e.key)) {
  this.valores = undefined;
  this.message = true;
  return;
} 

HTML

<input placeholder="Input name" [(ngModel)]="valores" (keydown)="eventos($event)" 
 [readOnly]="message" (click)="volta()"/>

Pode ver um exemplo funcionando aqui.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .