如何在ts组件文件角2中检查模板表单的验证？
如何在ts组件文件角2中检查模板表单的验证？
提问于 2017-09-08 21:40:20
我在角2中使用模板表单验证实现了表单验证，并且我必须检查类型记录文件中的表单验证。我知道使用反应性表单验证的方法，但我想使用模板表单。例如。
-字体
class CreateTourComponent extends MeteorComponent implements OnInit {
...
onSubmit(evt){
if(!myForm.isValid()){
alert('not valid submission');
}else{
...
}
}
...
}--模板-模板
<form class="package-form" #myForm="ngForm">
<button (click) = "onSubmit(evt)" value='submit'></button>
</form>模板表单可以吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2017-09-09 04:55:19
component.html
<form name="myForm" role="form" novalidate (ngSubmit)="save(editForm)" #editForm="ngForm">
<input type="text" class="form-control" name="name" id="name" [(ngModel)]="data.name" required />
<button type="submit">Save</button>
</form>component.ts
import { NgForm } from '@angular/forms';
export class AppComponent {
data: any = {};
onSubmit(myForm: NgForm) {
if(myForm.valid) {
console.log('valid form');
} else {
console.log('invalid form');
}
}
}Stack Overflow用户
发布于 2017-09-08 21:43:58
您可以使用myForm.****
<form class="package-form" #myForm="ngForm">
{{myForm.valid}}
</form>Stack Overflow用户
发布于 2017-09-08 21:54:28
你可以这样做：
<form novalidate (ngSubmit)="onSubmit(f)" #f="ngForm">
...
</form>然后：
export class myFormComponent {
...
onSubmit({ value, valid }) {
console.log(value, valid);
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46124877
复制相关文章
相似问题
腾讯云开发者
