You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular:如何通过代码触发表单提交并更新form.submitted状态

问题:Angular表单提交状态无法通过箭头键触发更新

我有一个分步表单,每次仅显示一个问题,支持前后切换操作。为提升操作便捷性,我通过onkeypress绑定了左右箭头键——右键事件会触发表单提交逻辑。但表单控件的验证样式依赖表单提交状态,即使用[ngClass]="{ 'was-validated': form.submitted }"来控制。

当用户通过右键完成最后一个问题时,错误消息能正常显示,但验证样式不生效,原因是form.submitted属性仍为false,且该属性是只读的,无法手动修改。

我已经尝试过以下代码,但都没解决问题:

this._form.form.markAllAsTouched();
this._form.form.markAsTouched();
this._form.ngSubmit.emit();

请问该如何触发表单提交以更新form.submitted状态?

(注:原问题附带示例展示了表单提交时样式正常变绿,而事件触发提交时样式无变化的区别)

内容的提问来源于stack exchange,提问作者Sean

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.30 20:57:27