如何使用正则表达式/^[1-9]\d*$/自定义验证两个文本框

Question

我正在尝试为2个文本框编写一个自定义验证器，并附带一些条件。

请参阅我在Stacklitz链接中编写的代码，以验证具有某些条件的文本框

请帮帮我哪里出错了。

Answer 1

您可以在textbox1和textBox2中添加它来控制验证器

this.registerForm = this.formBuilder.group(
{
textbox1: ['', [Validators.required, Validators.pattern("^[1-9]d*$/"]],
textbox2: ['', [Validators.required, Validators.pattern("^[1-9]d*$/"]],
}
];

现在从formGroup中删除验证器，Validators.pattern将确保对这两个字段都应用验证。

现在将errors.pattern添加到*ngIf条件中，以查看该模式是否匹配。

<div *ngIf="f.textbox1.errors.pattern">should not start with 0</div>
...
<div *ngIf="f.textbox2.errors.pattern">should not start with 0</div>

更新的Stacklitz