JavaScript Event Paste - Zeichen filtern

[-Rayz-]

Hallo,

ich habe eine Directive in Angular die verhindern soll, dass bestimmte Zeichen in ein Input Feld geschrieben werden. Für das Keypress Event klappt das auch aber wie mache ich das denn im Paste Event..?

constructor(private el: ElementRef) { }
    @HostListener('keypress', ['$event'])
    onInput(e: any) {
        //return new RegExp(this.regexStr).test(e.key);
        return this.checkASCII(e);
    }

    @HostListener('paste', ['$event']) blockPaste(event: KeyboardEvent) {
        this.validateFields(event);
    }

    validateFields(event) {
        setTimeout(() => {

            this.el.nativeElement.value = ????
            event.preventDefault();

        }, 100);
    }

    checkASCII(event) {
        if (event.charCode <= 128 ||
            event.charCode === 176 ||
            event.charCode === 196 ||
            event.charCode === 214 ||
            event.charCode === 220 ||
            event.charCode === 228 ||
            event.charCode === 246 ||
            event.charCode === 252) {
            return true;
        } else {
            return false;
        }
    }

Könnte natürlich mit einer Schleife die Zeichen durchgehen und ein Replace setzen aber ich bin mir sicher, dass das auch sauberer zu lösen ist.

Vielen Dank

 

[blablub1212]

Du kannst dir hiermit: https://developer.mozilla.org/en-US/docs/Web/API/Element/paste_event den kompletten String geben lassen. Danach könntest du den Inhalt mit match() prüfen: https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/String/match

 

[-Rayz-]

Mein Problem ist, dass ich keinen Plan habe von dem Regex welcher beim Match bzw. auch beim Replace benötigt wird.
den kompletten string bekomme ich ja schon.

 this.el.nativeElement.value = this.el.nativeElement.value.replace(regex, '').replace(regex, '');

 

[blablub1212]

Regex ist immer nützlich, daher bietet es sich an hier mal ein wenig zu lesen und zu spielen: https://regex101.com

 

[Sparta8]

Vergiss nicht, dass man Inhalte auch per Drag & Drop in ein Textfeld reinbekommt.

So umgehe ich immer die Formulare die meinen, dass man Email oder Passwort beim wiederholen manuell eintippen muss und nicht strg+v verwenden darf.

 

[-Rayz-]

stimmt, dass fehlt noch ^^