This was done with the wappler 7 28b
AI used:
design a contact page featuring a contact form, which includes fields for first name, last name, email address, phone, product, problem, and message. incorporate this form within a bootstrap card, utilizing floating labels. add a border, width 4, with boarder using warning color. ensure each input field has a 'name' attribute, and assign an 'id' to the form.
The best way to get these files is to manually add a form and a form input. Ensure that the input has a required attribute. Save the page, delete the so just created form and save again.
This will place the required files in the layout page (if using node) or the <head> section of the page.
I have a different theory than Ben. My guess is Ben repeated the same prompt and this time AI generated better. Repeating AI prompts it's not a deterministic process, it can't be used to troubleshoot problems like this - for problems like this the HTML code should be shared to allow proper inspection.
Do you know the basics of HTML, specifically the name attribute on form fields?
It's probably not using the right name the backend (Server Action) is expecting, or it might be missing at all.
Click a form field and see the properties, see what the name attribute contains, compare to the error message you get from the Server Action.
