角材2 md选择所需的不工作表单提交

问题描述：

我创建一个简单的形式与文本框和下拉列表。两者都是必需的。角材2 md选择所需的不工作表单提交

当我点击提交按钮时，文本框变为红色，而下拉不变。

我想，当用户点击提交按钮这两个领域becames红色。

我想念什么？

你想让它显示下拉为红色还是不显示？ – 0mpurdy

答

我相信这是因为required验证检查，看是否FormControl是touched。

您可以手动执行此操作为this question

submit(form) { 
    this.form.get('test2').markAsTouched() 
    console.log(form) 
}

描述这也是更好地使用(ngSubmit)而不是提交按钮点击事件。

是的，它的工作原理！但即使我没有碰它，文本框验证也能正常工作。这不是一个错误吗？ – danyolgiax

我真的不知道 - 我已经搜索了一下，但找不到任何关于它的东西。也许其他人可以阐明一些看法，我会更新我的答案 – 0mpurdy

答

你在你的代码（选择外形example.ts），它告诉角度，这是一个必填字段，因此红色框为验证失败有

'test1': new FormControl("", Validators.required)

。尝试

'test1': new FormControl("")

我想他是问这个相反:)希望他澄清！ – 0mpurdy

当用户点击提交按钮时，我希望这两个字段都变成红色！ – danyolgiax

标题显示“md-select不需要表单提交”... md-select是必需的，但它不起作用。我更新了这个问题，我希望现在清楚。 – danyolgiax