入力ボックスに間違ったパターンが入力されても動作していない場合にエラーを生成しようとしています。私は何をしようとしていることは以下の通りです:角度2の形式のRegExアプリケーション
<div class="col-md-6 col-md-offset-3">
<h2>Login</h2>
<form name="form" (ngSubmit)="f.form.valid && register()" #f="ngForm" novalidate>
<div class="form-group" [ngClass]="{ 'has-error': f.submitted && !Username.valid }">
<label for="Username">Username</label>
<input type="text" class="form-control" name="Username" [(ngModel)]="model.Username" #Username="ngModel" required />
<div *ngIf="f.submitted && !Username.valid" class="help-block">Username is required</div>
</div>
<div class="form-group" [ngClass]="{ 'has-error': f.submitted && !Email.valid }">
<label for="Email">Email</label>
<input type="email" class="form-control" name="Email" [(ngModel)]="model.Email"
#Email="ngModel" required pattern="[a-zA-Z0-9_.+-][email protected][a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$"/>
<div *ngIf="f.submitted && !Email.valid" class="help-block">Email is required</div>
<div *ngIf="!pattern" class="alert alert-danger">Wrong Pattern</div>
</div>
</form>
エラー(間違ったパターン)についての情報を持つdivが同じページ上に存在スティックと何も私が正しいか間違っているメールアドレスを入力しているかどうか起こりません。私を助けてください!
「!パターン」に何を期待していますか? – jonrsharpe
入力に入力されたテキストが正規表現に従っていない場合は、間違ったパターンを含むdivが表示されます。私もここにいるのかどうか分かりません –
あなたのコンポーネントに 'pattern'フィールドがありますか?あなたはそれを更新していますか? – jonrsharpe