Angular 如何在第一次更改角度时触发表单输入验证
在Angular 5应用程序中,我希望覆盖一些表单输入的默认验证行为。特别是,我希望在用户插入内容后立即触发字段验证 目前,默认行为如下所示。例如,假设您有一个只允许整数的验证器 最初,该字段是原始的和空的: 然后用户聚焦输入并输入一些数据: 尽管插入的值无效(因为它不是整数),但尚未触发验证。一旦用户离开焦点(例如按TAB键或对焦另一个输入),就会触发: 从现在起,每次更改都会触发验证。 因此,如果用户现在返回字段并插入有效值,验证程序将立即执行其工作:Angular 如何在第一次更改角度时触发表单输入验证,angular,forms,angular-reactive-forms,angular-forms,angular-validation,Angular,Forms,Angular Reactive Forms,Angular Forms,Angular Validation,在Angular 5应用程序中,我希望覆盖一些表单输入的默认验证行为。特别是,我希望在用户插入内容后立即触发字段验证 目前,默认行为如下所示。例如,假设您有一个只允许整数的验证器 最初,该字段是原始的和空的: 然后用户聚焦输入并输入一些数据: 尽管插入的值无效(因为它不是整数),但尚未触发验证。一旦用户离开焦点(例如按TAB键或对焦另一个输入),就会触发: 从现在起,每次更改都会触发验证。 因此,如果用户现在返回字段并插入有效值,验证程序将立即执行其工作: 我想让验证程序在插入一些无效
我想让验证程序在插入一些无效数据后立即将该字段标记为无效,即使用户第一次插入数据并且从未离开该字段我认为,如果在组件中创建表单时正确连接验证程序,也可以 例: 在这里,只要用户名长度超过4个字符,您就会看到消息
this.myReactiveForm = new FormGroup({
'name': new FormControl(this.user.name, [
Validators.required,
Validators.minLength(4)
]),