表单在web应用中是不可缺少的一部分,提到表单免不了提到表单验证,表单验证能够提高整体数据质量的验证以及用户输入的准确性和完整性。在这里就说一下angular2+内置的几种表单验证以及用户自定义的表单验证,我们先说一下angular内置的表单验证:
1.先引入表单的一些内置依赖
import { FormGroup, FormBuilder,Validators } from '@angular/forms';2.实例化一个表单,并在构造函数里注入FormBuilder
constructor(private fb:FormBuilder) { } public myForm: FormGroup;3.在组件类的初始化函数里对表单中的元素的校验进行定义,并调用表单的valueChanges方法,检测表单的输入的变化
ngOnInit():void { this.taskInfo.isComplete = 1; this.tasksForm = this.fb.group({ "title": [ '', [ Validators.required,//字段必须输入 Validators.minLength(5),//最小长度 Validators.maxLength(32)//最大长度 ] ], "content": [ '', [