Angular响应式表单,回车提交空数据,但按钮提交正常。
创始人
2024-10-30 08:30:27
0

在模板中添加一个包裹表单的DIV,并使用FormControlName将每个表单元素与组件中的FormControl进行绑定。然后,为该DIV添加一个键盘事件监听器,以便在用户按回车键时执行表单提交操作。在提交之前,您可以添加必要的验证逻辑以确保用户输入有效。

示例代码如下所示:

在组件中,需要初始化myForm并在onFormSubmit()方法中提交表单。您可以根据需要添加其他验证逻辑。

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

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
  styleUrls: ['./my-form.component.css']
})
export class MyFormComponent implements OnInit {
  
  myForm: FormGroup;

  ngOnInit(): void {
    this.myForm = new FormGroup({
      email: new FormControl('', Validators.required),
      password: new FormControl('', Validators.required)
    });
  }

  onFormSubmit(): void {
    if (this.myForm.valid) {
      // Submit the form
    }
  }
}

相关内容

热门资讯

透视新版!wepoker辅助工... 透视新版!wepoker辅助工具,智星德州插件2024最新版,2025新版总结(素来是有挂);小薇(...
透视有挂!wepoker辅助器... 透视有挂!wepoker辅助器是真的的吗,wepoker辅助器是真的吗,软件教程(从前是有挂);科技...
透视新版!德普之星辅助功能如何... 透视新版!德普之星辅助功能如何打开,wepoker手机版透视脚本,科技教程(本然是真的有挂);原来确...
透视app!wpk辅助购买,h... 透视app!wpk辅助购买,hhpoker哪个俱乐部靠谱,软件教程(一贯是有挂)wpk辅助购买平台为...
透视代打!wpk辅助购买,竞技... 透视代打!wpk辅助购买,竞技联盟透视插件,攻略教程(本来真的是有挂);支持多人共享记分板与复盘,通...
透视辅助!wepoker透视脚... 1、透视辅助!wepoker透视脚本苹果,hhpoker可以控制牌吗,透明教程(原本是有挂)。2、w...
透视软件!hhpoker透视脚... 透视软件!hhpoker透视脚本视频,wpk透视辅助方法,普及教程(起初是有挂);亲,其实确实真的有...
透视透视!德普之星app安卓版... 透视透视!德普之星app安卓版破解版,wepoker有没有插件,透牌教程(起初真的有挂);德普之星a...
透视透视!wepoker免费永... 透视透视!wepoker免费永久脚本,wepoker怎么破解游戏,科技教程(原生有挂);wepoke...
透视黑科技!aapoker辅助... 自定义aapoker辅助挂系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,...