So I’m creating the contact management app from Brian’s lovely video tutorial…
I have a modal with an add contact form, and another form with a hidden field for the delete function.
All works well, except each time the page is refreshed, a new empty contact is added to the database.
Why could this be?
Code is attached!
(note that at the moment this is running as a content page due to some finger trouble I appear to have had!)
Antony.
Brian’s tutorial:
Hello Antony,
Most probably there is some “insert” server action, running on page load which should not be there.
Please create a normal page (not include page or content page), and add your modal/form there so it can run normally in your browser and test again.
Thanks @Teodor… can I convert the page to normal, or do I have to copy everything across to an empty page?
Just copy the content in a new page (without the Wappler comment tags).
Okay, done that, and it is all working in the browser now… thanks for that help @Teodor…
However it is still creating a new empty contact each time the page is loaded.
I have 3 action steps which are quite clearly just inserting, deleting or querying the database…
…so do you know what type of thing could be causing the add_contact server action to be firing when the page is refreshed?
Can you provide a link to your page, where i can check what’s going on?
Perhaps the insert action is set to ‘autoload’. If so, clear the autoload checkbox. (I think it’s called ‘autoload’ - I’m not in front of a computer at the moment.)
That’s right, make sure your insert action is ONLY added to the server connect form, and not a separate action on the page.
Antony,
You should only use the insert action as a server connect form action.
I.e. DON’T add it separately as a server connect component on the page.
aaaaahhhh… okay, I get it…
So the Server Connect elements added to the page execute each time the page is loaded…
… so my “list_contacts” server action should be in a Server Connect element set to autoload so I see my contacts when the page loads…
… but my “add_contact” and “delete_contact” actions don’t need to be there, autoloaded or not, as they are just run each time their respective form is submitted.
Have I just seen the light? 
Exactly,
Add, update, delete - are all executed on form submit.
Is it probably that your list and insert steps are in the same server action? They all must be in different actions.
Fabulous. Yes, all my list, delete, insert steps are in different actions. I then call the list action again upon success of an insert or delete.
All is running wonderfully.
@Teodor, thank you sooooo much for being by my side through this! 
