Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 用于相同控件的可选验证器_Angular_Typescript - Fatal编程技术网

Angular 用于相同控件的可选验证器

Angular 用于相同控件的可选验证器,angular,typescript,Angular,Typescript,我想用一个字段实现一个表单,这个字段已经过多次验证。如果只有一个验证器是正确的,则该字段将是正确的。例如: this.formBuilder.group({ field: new FormControl("", [Validators.pattern('xx'), Validators.pattern('yy'), Validators.pattern('zz')]), }); 我如何实现它 非常感谢您的帮助。您可以使用Validators.compose()并在它们之间组合逻辑运算符:

我想用一个字段实现一个表单,这个字段已经过多次验证。如果只有一个验证器是正确的,则该字段将是正确的。例如:

this.formBuilder.group({ 
  field: new FormControl("", [Validators.pattern('xx'), Validators.pattern('yy'), Validators.pattern('zz')]),
});
我如何实现它


非常感谢您的帮助。

您可以使用Validators.compose()并在它们之间组合逻辑运算符:

this.formBuilder.group({ 
  field: new FormControl("", Validators.compose(
        [Validators.pattern('xx') || Validators.pattern('yy') || Validators.pattern('zz')])),
});

弗朗西斯科M.给出的答案是正确的。在中使用正则表达式还有另一种方法:


您是否有一个验证程序的例子可以这样工作?因为你的例子中的3个与你想要达到的目标没有意义。否则,您可以创建一个自定义的验证器来检查这些不同的规则。是的,验证器带有模式(validator.pattern(“”))。当其中一个验证器正确时,字段验证是正确的。创建一个唯一的自定义验证器,检查值是否与某个RegExpr匹配。你能给我看一个简单的例子@Eliseo吗?
this.formBuilder.group({ 
    field: new FormControl("", Validators.pattern(/(xx)+|(yy)+|(zz)+/)])),
});