2017-05-03 11 views
-3

入力フィールドに '#'文字を入力しないようにするにはどうすればよいですか?入力フィールドに特定の文字を入力するようにユーザーを制限する

私はそれを達成するために苦労しています。

+0

私達にmoを提供してください現在の試行、問題、現在のコードに関する情報を表示します。 – Sakuto

+0

私は入力フィールドを持っているので、入力フィールドに#を入力できないようにユーザーを制限したい。 – sonu

+0

@sonu [patterns](https://www.w3schools.com/tags/att_input_pattern.asp)を使用することができます。 –

答えて

4

何かをフィルタリングする命令を作成することも1つあります。何も入力できないため、アプリケーションのモデルバインド部分には何も入力されません。以下は、ケースの例です。

import {Directive, ElementRef, HostListener} from '@angular/core'; 

@Directive({ 
    selector: '[inputFilter]' 
}) 
export class inputFilterDirective { 



    constructor(private el: ElementRef) { 
    } 


    @HostListener('keydown', ['$event']) onKeyDown(event) { 
     let e = <KeyboardEvent> event; 

     if (e.keyCode == 35) { 
      e.preventDefault(); 
     } else { 
      return; 
     } 

    } 
} 

ユーザーが数字以外の何かを入力してくださいcouldntのように、私はそれは、数字だけのために行っていたが、私はハッシュタグは、あなたがこの<input inputFilter [(ngModel)]="whatever"/>のようなディレクティブを使用して35

のキーコードを持っている=>ハッシュタグのためにそれを修正

+1

あなたの男の仕事がうれしいです。 – sonu

+0

@sonuには、文字を入力制限するためのレガックス式があります – NunnaS

関連する問題