How to set error manually on a field?

[bbaterdene-gh]

I have an table like form. I do not know how to set error manually for a cell.

1. User submits the form table.
2. The server validates and displays error.
3. If user change one of the input, a fetch request starts and gets correct answer for that row.
4. I wanna hide error for that row

https://react-hook-form.com/docs/useform/seterror

Above api looks like about how to set error manually. Does conform have similar api for this?

[chimame]

How about resubmitting the form table?

If I can understand what you want to do, I might be able to help you. Can you make a sample code?

[bbaterdene-gh]

@chimame
Thank you for taking time to answer my question

Is it possible to submit row by row rather than the entire table?
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#form

The actual submission is whole table.

Can this question be addressed by defining it in Zod's Schema?
https://zod.dev/?id=asynchronous-refinements

I thought asynchronous refinement is for validation. For example, a value is received and do some async logic and tells the schema if it is valid or not.

In my case
the onChange logic do this.

1. Does not run on whole form validation. Only runs special validation logic when an input changes. When form submitted, the submission schema validates on whole form.
2. Besides validation, it can also change other input values. For example, a user submitted the form and displayed input errors. When user changes zipcode input, an api runs and get address. So it should remove the zipcode input error and address input error and changes the address input value when the api response is success. When api response is not success, it might show the api response error message rather than schema validation error message.

In short, it is like 3:00-3:05 duration of below video
https://www.youtube.com/watch?v=raMqvE0YyIY

[chimame]

It seems that you want to treat the results of API execution separately from the validation results of "input values". Conform provides validation for forms, i.e. input values, so how about managing them separately as states?

[bbaterdene-gh]

@chimame

so how about managing them separately as states?

Yes, I think it is the way.

But I thought the form state and errors is better to be managed by Conform. And there was an setError api in react-hook-form so I wondered if Conform has any.

Thank you for taking your time to answer my question.

[chimame]

I think there is certainly room for consideration for an API that allows you to set errors individually. There is a possibility that the form state management will change in the next version. We will consider whether to implement it there.

[bbaterdene-gh]

@chimame
Thanks for considering it! Let me know if I can help.