javascript - 如何在输入中只允许数字和特殊字符？

Question

我有这个:

  <input style="text-align: right;font-size: 12px;" class='input' (keyup.enter)="sumTotal($event)" type="text"
      [ngModel]="field.value" (focusin)="focusin()" (focusout)="format()" (keyup.enter)="format()"
      (ngModelChange)="onlyNumbers($event);field.value = $event;sumTotal($event);" [disabled]="disabled">

在我的 ts 中我有这个: 我想要数字和特殊字符。

  onlyNumbers(letter) { if (letter.toUpperCase() !== letter.toLowerCase()) { return; } else { this.field.value = letter; } }

但它仍然可以输入字母。有什么建议吗？

Answer 1

使用event.preventDefault()通过检查是否 isNaN返回 false，如果它不是 . 或 ， 可能是您的解决方案:

function numbersonly(e){
  if(isNaN(e.key) && e.key !== '.' && e.key !== ',') e.preventDefault();
}

<input type="text" onkeypress="numbersonly(event)" />