验证输入文本框以仅允许数字、负号和十进制值的指令

Question

我正在尝试验证“文本”类型的输入文本框，以仅允许数字或带有负数或小数的数字。 示例：100、002、-3.4、-6、8.5 目前的代码是没有验证“-”或“。”的代码。

import { Directive, ElementRef, HostListener, Input } from '@angular/core';
@Directive({
  selector: '[myValidate]'
})
export class HighlightDirective {
  constructor(private el: ElementRef) { }
  @Input('myValidate') highlightColor: string;
  @HostListener('keyup', ['$event']) onKeyDown(event) {
    let oldValue = event.target.value;
    let keyPressed = event.key;
    let keyCode = event.keyCode;
    if (isNaN(oldValue.substr(oldValue.length - 1)) || keyCode === 32) {
      this.el.nativeElement.value = oldValue.substr(0, oldValue.length - 1);
    } else {
      return null;
    }
  }
}

Answer 1

您可能正在寻找 JavaScript 的 parseFloat() function

parseFloat('123')
123
parseFloat('1.23')
1.23
parseFloat('-1.23')
-1.23
parseFloat('abc')
NaN
parseFloat('0002')
2
parseFloat('000123')
123