如何使输入框只接受浮动输入

Question

I have 1 common text box which is my custom component, which i am using 2 places, one is to accept integer and another is float. if my dataType=2 , it should accept only integers which i did, but how can I make the input box which should accept only float number on keypress when dataType=3

html

<input class="form-control"
               type="text"
               [(ngModel)]="fieldValue"
               (keypress)="checkInputType($event)" />

ts

checkInputType(event): boolean {
    if (this.dataType === 2) {
      const charCode = event.which ? event.which : event.keyCode;
      if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        this.alertService.error("Can't enter any character");
        return false;
      }
    }

    if (this.dataType === 3) {
      
    }
    return true;
  }

Answer 1

Per this SO answer , one way to do it is by validating the number is a float with regex.

Edit: If you want to restrict the input to only floating point numbers, you can use the pattern attribute on the input element , which validates using regex.