在Angular 7中,可以使用模式验证来验证表单中的输入。以下是一个示例解决方法:
import { Component } from '@angular/core';
import { FormGroup, FormControl, Validators } from '@angular/forms';
@Component({
selector: 'app-example',
template: `
`
})
export class ExampleComponent {
myForm: FormGroup;
constructor() {
this.myForm = new FormGroup({
myInput: new FormControl('', Validators.pattern('[a-zA-Z]*'))
});
}
onSubmit() {
if (this.myForm.valid) {
console.log('Form submitted');
}
}
}
formGroup
和 formControlName
指令来绑定表单控件和表单组:
在创建表单组时,可以使用 Validators.pattern
方法来指定模式验证规则。上述示例中,我们使用了正则表达式 '[a-zA-Z]*'
来验证输入只包含字母。
在提交表单时,可以使用 this.myForm.valid
属性来检查表单是否有效。如果有效,可以执行相应的操作。
请注意,上述示例假设已经正确导入了Angular的相关模块和服务,并且在组件的模板中已经正确引入了表单模块。