Answered

Page refreshes on any change when Basic Form is present

(0) Share

Report

Posted on by taraubianca25

104

I have a page where I have an entity list displayed, which holds a bunch of product items. By adapting the Java Script code of the entity list, I've added a button "Add to Cart" on each row. Everything worked fine, until I've also added a Form component on the page. Now, whenever I click on any "Add to Cart" button, the page refreshes. The form is not submitted, so it is just the page that refreshes. This issue appeared just when I added the form component on the page. So without interacting with it at all, the page refreshed out of nowhere.

Any ideas why?

Thanks'!

@OOlashyn @Lucas001 @OliverRodrigues

Categories:

General topics

I have the same question (0)

All responses (2)

Answers (1)

Sort by

Verified answer

OOlashyn 3,498 Most Valuable Professional on at

Like (1)

Report
Copy link

Link copied!

Hi @taraubianca25 ,
So this is expected as the form component actually adds form HTML tag and functionality to the page. In that case, any button without a specified type is considered by the page as a submit button. This is standard HTML form behaviour. To avoid it simply specify a button type that is not "submit" - for example type="button" will work. You can also add event.preventDefault() at the beginning of the function that is triggered by your button to prevent form submission.

Was this reply helpful? Yes No
taraubianca25 104 on at

Like (0)

Report
Copy link

Link copied!

Yes, this worked like a charm!
Thank you so much for again helping me out 🙂

Was this reply helpful? Yes No