首页 文章

角度反应形式输入验证不适用于负载

提问于
浏览
0

我对反应式表单验证有点新,尝试在页面加载时实现输入验证,我有简单的输入字段,我需要在页面加载时验证,而不是手动验证 . 要求是我有一堆输入字段的编辑表单,我在每个字段上寻找maxLength验证 . 我在patchValue / setValue上尝试使用updateValueAndValidity,但错误不会显示,任何帮助都非常感谢 .

注意:我需要在页面加载时显示错误

Stackblitz

1 回答

  • 0

    您的StackBlitz示例几乎是正确的 . 在表单中设置数据后,您不需要调用任何额外的方法,如 .updateValueAndValidity() ,您只是错误地检查错误状态:

    <span *ngIf="sampleForm.get('inputTxt').hasError(maxLength)">
      Max(10) letters reached!!!
    </span>
    

    应该:

    <span *ngIf="sampleForm.get('inputTxt').hasError('maxlength')">
      Max(10) letters reached!!!
    </span>
    

    有关工作示例,请参阅此更新的StackBlitz:https://stackblitz.com/edit/angular-2fvyqj

相关问题