用於刪除除數字以外的字符並僅在 Angular 6 中允許單個小數點的正則表達式

Question

我讀過類似的問題，似乎沒有解決方案適用於此。 我有一個 Angular 材質輸入框。 輸入應該只接收數字和一個小數點。 在移除按鍵時應識別並移除所有其他字符。

這是我的代碼：

在 TS 文件和 html 中：

 allownumbersonly(inputVal) { inputVal = inputVal.replace(/[^0-9.]/g, '');//Modified after responses from stack overflow. this.myForm.controls['inNum'].setValue(inputVal); }

 <mat-form-field> <input id="inputNumber" matInput (keyup)="allownumbersonly($event.target.value)" placeholder="enter a number" formControlName="inNum"> </mat-form-field>

請幫忙。 提前致謝。

Answer 1

您可以使用keypress事件：

<input (keypress)="isNumberKey($event)"/>

和打字稿：

isNumberKey(evt){
      console.log(evt.keyCode);
      let charCode = (evt.which) ? evt.which : evt.keyCode;
      if (charCode != 46 && charCode > 31 
        && (charCode < 48 || charCode > 57))
          return false;

      return true;
   }

工作示例可以在這里看到

Answer 2

這是您需要的演示。 簡單易用的正則表達式。

 function myFunction(){ var demo = document.getElementById('demo'); demo.value = demo.value.replace(/[^0-9.]/g, ''); }

 <input type="text" id="demo" onkeyup="myFunction()">

Answer 3

我們可以在 ng-pattern 本身中使用正則表達式：

<input type="number" ng-model="price" name="price_field" ng-pattern="/[^0-9.]/g" required>