javascript - 如何验证 Angular react 形式的场？

我正在尝试使用反应形式以角度验证我的形式。card name很少有字段，其中用户仅输入string

所以他尝试输入除字符串以外的任何内容，我需要显示无效消息。

https://codesandbox.io/s/jzq6nn6zz9

constructor(private fb: FormBuilder) {
    this.paymentForm = this.fb.group({
      cardname: [
        "",
        [(Validators.required, Validators.pattern("[a-zA-Z][a-zA-Z ]+"))]
      ],
      cardnumber: [""],
      dateofexipiredate: [""],
      dateofexipireyear: [""],
      cvc: [""]
    });
  }

当我运行application时，我的表格已经有效了吗？

仅当用户enter string时才有效

最佳答案

删除表格()数组中的多余括号Validators。 Validators应该作为数组发送。添加()后，它们将被视为一个项目，这将导致错误的结果。

this.paymentForm = this.fb.group({
      cardname: [
        "",
        [Validators.required, Validators.pattern("[a-zA-Z][a-zA-Z ]+")] // see this line
      ],

Stackblitz

关于javascript - 如何验证 Angular react 形式的场？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51438647/