在Angular中,可以使用Reactive Forms
来验证表单字段是否为空或者两者都已填写。下面是一个示例代码:
import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
export class MyFormComponent {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) {
this.myForm = this.formBuilder.group({
field1: ['', Validators.required], // 第一个字段,不能为空
field2: ['', Validators.required], // 第二个字段,不能为空
});
}
}
invalid
属性来判断表单是否有效:
在这个示例中,只有两个字段都已填写才能提交表单。当有一个或两个字段为空时,提交按钮将被禁用。
希望以上示例对你有所帮助!
上一篇:Angular验证表单