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
    }
  }
}

相关内容

热门资讯

透视计算!德普之星透视辅助(透... 透视计算!德普之星透视辅助(透视)透视免费(原来存在有挂)在进入德普之星透视辅助辅助挂后,参与本局比...
透视教学!aapoker怎么提... 透视教学!aapoker怎么提高中牌率(透视)万能辅助器(竟然存在有挂);1、aapoker怎么提高...
透视神器!aapoker万能辅... 透视神器!aapoker万能辅助器(透视)真的假的(其实是真的有挂)1、完成aapoker万能辅助器...
透视新版!德普之星辅助器(透视... 透视新版!德普之星辅助器(透视)私人局辅助器(本来有挂)透视新版!德普之星辅助器(透视)私人局辅助器...
透视苹果版!aapoker怎么... 透视苹果版!aapoker怎么提高中牌率(透视)透视插件(本来真的是有挂)1、aapoker怎么提高...
透视软件!德扑之心免费透视(透... 透视软件!德扑之心免费透视(透视)透视辅助软件激活码(本来是有挂)1)德扑之心免费透视辅助挂:进一步...
透视ai代打!aapoker怎... 透视ai代打!aapoker怎么设置提高好牌几率(透视)辅助插件工具(本来真的是有挂)aapoker...
透视系统!德普之星辅助器app... 透视系统!德普之星辅助器app(透视)透视(确实真的是有挂)1、德普之星辅助器appai辅助优化,德...
透视讲解!德普之星的辅助工具介... 透视讲解!德普之星的辅助工具介绍(透视)辅助器app(都是是有挂)1、全新机制【德普之星的辅助工具介...
透视好牌!aapoker怎么控... 透视好牌!aapoker怎么控制牌(透视)透视脚本(一贯是有挂);1、起透看视 aapoker怎么控...