Skip to content
This repository was archived by the owner on Aug 23, 2022. It is now read-only.
This repository was archived by the owner on Aug 23, 2022. It is now read-only.

$form.valid is false when async error appears on any form field #1224

@NNSTH

Description

@NNSTH

The Problem

We use this package for a lot of forms, managed it very well, but still stacked with this issue: when we try to enable / disable "submit" button according to form validation state- $form.valid is false although no client errors appear, only server error (that we added via "asyncSetValidation").
is there any way to make a difference between "client valid" and "server valid"?

Steps to Reproduce

  1. Create a form using RRF
  2. Use simple Field component, and use client validation like "required".
  3. add onSubmit validation and use asyncSetValidation to raise server validation error.
  4. Fill in this field so required will not raise client error.

Expected Behavior

$form.valid is true

Actual Behavior

$form.valid is false

Reproducible Code Example

(please fork from this CodePen template or this CodeSandbox template)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions