代码之家 › 专栏 › 技术社区 › ackuser

在角度5手动设置值后验证反应形式?

angular-reactive-forms angular5 material-design angular-material angular

ackuser · 技术社区 · 6 年前

它们是更新的,尽管它们没有通过任何形式的验证。

就像是

this.FORM.controls.WHATEVERINPUT.setValue(X);

<mat-form-field>
<input matInput formControlName="WHATEVERINPUT">
<mat-error *ngIf="FORM?.controls.WHATEVERINPUT.errors">
 ... is required & Minimum of 5 characters
</mat-error>
</mat-form-field>

除了我之前提到的那些价值观之外,它完全可以工作。

  this.FORM.controls.WHATEVERINPUT.markAsTouched();
    this.FORM.controls.WHATEVERINPUT.markAsDirty();
    this.FORM.updateValueAndValidity();

在很多方面,但我还没有得到 已验证

我很感激有人能以任何方式帮助我谢谢

1 回复 | 直到 6 年前

John 6 年前

编辑:简单回答

你可以打电话 this.form.get('username').markAsTouched();

另一个答案

如果将按钮放在表单中,则添加 (ngSubmit)="USR($event)" type="submit" 在您的按钮上,您将进行角度检测,如果形式是有效的或不是,然后将显示错误消息。

<form class="example-form" [formGroup]="form" (ngSubmit)=USR($event)>
  <mat-form-field class="example-full-width">
    <input matInput placeholder="Username" formControlName="username">
  </mat-form-field>

  <mat-form-field class="example-full-width">
    <input matInput placeholder="Password" formControlName="password">
  </mat-form-field>

  <button mat-raised-button type="button" color="primary" [style.margin]="'12px'" (click)="PWD()">Update password with value</button>
  <button type="submit" mat-raised-button color="primary" [style.margin]="'12px'">Update username required error</button>
</form>

Here is a working example

推荐文章

Vimal · 用于用户名验证的JavaScript正则表达式

6 年前

user2024080 · 我如何防止我的表单在以后编辑?

6 年前

DiPix · 如何在Visual Studio中将Angular 5应用程序添加到解决方案中?

6 年前

Karl Johan Vallner · 如何将datatable寻呼机模板添加到Angular ngx datatable

6 年前

Ali Bedaer · 具有多个组件的角形5

6 年前

user8707389 · Angular 5侦听器或用于按钮禁用属性更改的指令

6 年前

3gwebtrain · 如何单独更新'BehaviorSubject'单个值

6 年前

Neto · 角度5-使用RouterUseStrategy时如何重新加载当前数据

6 年前

Lakshan Thilakarathne · Firebase 5 Angular 5 AngularFireList。snapshotChanges()错误

6 年前

Robby · 角度5构建生成main。以MB为单位进行捆绑,这会在生产中造成性能问题

6 年前