javascript - 所有字段填写完毕后发生的事件

我有4个输入和1个禁用的按钮

<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="button" disabled="true">

填写所有字段后，如何从按钮中删除禁用的属性。输入和变化发生了另外一些事件。

最佳答案

您可以通过使用FormGroups来完成此操作


  app.component.html

     <form [formGroup]="mygroup" >

           <input type="text" formControlName="input1">
           <input type="text" formControlName="input2">
           <input type="text" formControlName="input3">
           <input type="text" formControlName="input4">

           <input type="button" disabled="true" type="submit" [disabled]="!mygroup.valid">
        </form>

  app.component.ts

import { Component } from '@angular/core';
import {Validators, FormBuilder, FormGroup } from '@angular/forms';


export class FormsPage {
  private mygroup : FormGroup;

  constructor( private formBuilder: FormBuilder ) {
    this. mygroup = this.formBuilder.group({
      input1: ['', Validators.required],
      input2: ['', Validators.required],
      input3: ['', Validators.required],
      input4: ['', Validators.required],
    });
  }

}

关于javascript - 所有字段填写完毕后发生的事件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46444831/