Refine•3y ago

Issue with onSubmit Function Not Triggering

Hi everyone,

I am building an admin panel for news website with refine, I am a beginner, my project involves a form, I have a page to create an article (with title, body of the article, multiple categories, images and videos ) so administrator will be able to create the content and post it later on the frontend part of the website,

I have an issue issue with the

onSubmit

onSubmit

function not triggering when I submit the form.

I've implemented the form using the

@refinedev/react-hook-form

@refinedev/react-hook-form

library.

I have a component for the form where I'm using the
```
handleSubmit
```
```
handleSubmit
```
function.

However, when I submit the form, nothing happens, and the

onSubmit

onSubmit

function doesn't seem to execute. I am unable to find the issue,

I am including screenshots of relevant code, If any other files might be relevant please tell me

any kind of advice will be a big help

Thanks

kapa.ai•10/2/23, 6:47 PM

Hi @anukacim. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base.

kapa.ai•10/2/23, 6:47 PM

----------------------
I'm sorry to hear that you're having trouble with the

onSubmit

onSubmit

function in your form. Based on the information you've provided and the extracts I have, here are a few things you can check:

Check your
handleSubmit
handleSubmit
function: The
```
handleSubmit
```
```
handleSubmit
```
function from the
```
useForm
```
```
useForm
```
hook is used to handle form submissions. Make sure you're passing the right function to
```
handleSubmit
```
```
handleSubmit
```
. Here's an example of how it should look:

In this example, is the function that will be executed when the form is submitted. Make sure you're passing a function that handles your form data correctly to

handleSubmit

handleSubmit

. source (https://refine.dev/blog/react-hook-form-validation-examples/)

Check your function: The function from the
```
useForm
```
```
useForm
```
hook is used to handle what happens after the form is submitted. Make sure you're using it correctly. Here's an example:

In this example, is the function that will be executed when the form is submitted. It uses the function to handle what happens after the form is submitted. source (https://refine.dev/docs/faq/)

Check your form structure: Make sure your form structure is correct and that the
```
onSubmit
```
```
onSubmit
```
event is correctly placed on the form element.

kapa.ai•10/2/23, 6:47 PM

If you're still having trouble, it would be helpful to see the code for your form and the functions you're passing to

handleSubmit

handleSubmit

and .
----------------------
Note: you can ask me a follow up question by @ mentioning me again

----------------------

kapa.ai•10/2/23, 6:47 PM

@1043576440450453604 kapa.ai is still learning and improving, please let us know how it did by reacting below

colourful-plum•10/4/23, 11:21 AM

Hello @anukacim I think bot's answer should be sufficient. let us know if it isn't.