数字、負の符号と10進値のみを許可する入力テキストボックスを検証する命令

Question

'text'タイプの入力テキストボックスを検証して、負数または10進値の数値または数値のみを許可しようとしています。 例：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