Why does a form with radio buttons always sends last item?

domfarr
6 Posts
domfarr posted this 28 July 2021
Ask a Question

Hello.

I have a form with a radio button control. The radio is a group of 4 elements.
When previewing in Chrome, and submitting, the radio control always sends[posts to url] the last item, irrespective of what was selected.

Form

Looking at the inspector in Chrome in the Network tab I can view the request body

LOCATION=Other

LOCATION should = MainlandEU as selected

What am I doing wrong?

Thanks

Hello. I have a form with a radio button control. The radio is a group of 4 elements. When previewing in Chrome, and submitting, the radio control always sends[posts to url] the last item, irrespective of what was selected. ![Form][1] Looking at the inspector in Chrome in the Network tab I can view the request body LOCATION=Other LOCATION should = MainlandEU as selected What am I doing wrong? Thanks [1]: https://i.ibb.co/ZWVqHTh/Screenshot-2021-07-28-at-11-02-56.png

Last edited 28 July 2021 by domfarr

Vote to pay developers attention to this features or issue.
11 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 28 July 2021

Hi,

It is better to test the form on the server where email sending is configured. In this case, you should receive the selected option in the email. If not please provide us with the link to the website and an example of the received email and Form input data.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, It is better to test the form on the server where email sending is configured. In this case, you should receive the selected option in the email. If not please provide us with the link to the website and an example of the received email and Form input data. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
domfarr
6 Posts
domfarr posted this 28 July 2021

Hi Olivia
Not sure that would help. The place where the code is served won't change how the browser deals with the form, or JQuery handles the posting body creation.

Have I misunderstood something?
Regards
Dom

Hi Olivia Not sure that would help. The place where the code is served won't change how the browser deals with the form, or JQuery handles the posting body creation. Have I misunderstood something? Regards Dom
Support Team
Support Team posted this 28 July 2021

Hi Dominic,

I've tested the Form on my test Joomla website. It sends the selected option properly. Therefore if you encounter the issue with email sending on the real server, please let us know. The browser preview in the Desktop app does not provide email sending functionality. Therefore the Form is not working.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Dominic, I've tested the Form on my test Joomla website. It sends the selected option properly. Therefore if you encounter the issue with email sending on the real server, please let us know. The browser preview in the Desktop app does not provide email sending functionality. Therefore the Form is not working. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
domfarr
6 Posts
domfarr posted this 28 July 2021

I’m confused about the email part. I’ve not mentioned email? Why does email come in to this?
And, why does email effect the value from another element? That is, the radio button called location?
I’m also rendering this in chrome not the desktop. The form works correctly if I drop radio or select type elements.

I’m confused about the email part. I’ve not mentioned email? Why does email come in to this? And, why does email effect the value from another element? That is, the radio button called location? I’m also rendering this in chrome not the desktop. The form works correctly if I drop radio or select type elements.

Last edited 28 July 2021 by domfarr

Support Team
Support Team posted this 29 July 2021

Hi,

The HTML form itself is just the place that collects the data. It does not do anything. What it does depends on the server script you're using. Nicepage Form is called Contact Form. The script we provide with the form sends an email to the address specified under the Form settings with the form input data. This is a server script. It does not work in the browser preview. The website should be uploaded to the server where you configured email sending.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, The HTML form itself is just the place that collects the data. It does not do anything. What it does depends on the server script you're using. Nicepage Form is called Contact Form. The script we provide with the form sends an email to the address specified under the Form settings with the form input data. This is a server script. It does not work in the browser preview. The website should be uploaded to the server where you configured email sending. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
domfarr
6 Posts
domfarr posted this 29 July 2021

Hi Olivia

Thank you for the attention on this, I appreciate the time.

I still think we are talking about different issues.

I have a working form. It sends data to my Mailchimp audience via the html form action I configure in the Nicepage app .

MailChimp Configured Form

The values are sent to the URL configured, and data appear in my Mailchimp audience.

I can use email, or other strings like name.

I don't need to host this anywhere, it runs in the browser from selecting Chrome preview.

There is no server. There is no service side scripting needed. I'm not executing this in Joomla or Wordpress. I can host these HTML, JS, CSS files on a file system and it will work.

The only issue is when I have a radio group in the html form.

Nicepage form with radio control

When executing the HTML, JS, CSS on chrome, and I complete the form I can see the data being sent successfully to Mailchimp, but the radio selected is wrong. It is always the last item in the list.

Completed Form with first time selected in the radio group

Network inspection shows the follow data being POST to the URL

EMAIL=testname13%40testname13.com&NAME=testname13&INSTAGRAM=testname13&RADIOBUTTON=Item3

Please note the RADIOBUTTON value is Item3, not Item1 selected in the form (see image)

I hope this has set the stage for a better understanding. I'm confident with web development, 20 years on that front, but this is my first experience with Nicepage, and there I have much to learn.

Regards

Hi Olivia Thank you for the attention on this, I appreciate the time. I still think we are talking about different issues. I have a working form. It sends data to my Mailchimp audience via the html form action I configure in the Nicepage app . ![MailChimp Configured Form][1] The values are sent to the URL configured, and data appear in my Mailchimp audience. I can use email, or other strings like name. I don't need to host this anywhere, it runs in the browser from selecting Chrome preview. There is no server. There is no service side scripting needed. I'm not executing this in Joomla or Wordpress. I can host these HTML, JS, CSS files on a file system and it will work. The only issue is when I have a **radio group** in the html form. ![Nicepage form with radio control][2] When executing the HTML, JS, CSS on chrome, and I complete the form I can see the data being sent successfully to Mailchimp, but the radio selected is wrong. **It is always the last item in the list.** ![Completed Form with first time selected in the radio group][3] Network inspection shows the follow data being POST to the URL EMAIL=testname13%40testname13.com&NAME=testname13&INSTAGRAM=testname13&RADIOBUTTON=Item3 Please note the RADIOBUTTON value is **Item3**, not **Item1** selected in the form (see image) I hope this has set the stage for a better understanding. I'm confident with web development, 20 years on that front, but this is my first experience with Nicepage, and there I have much to learn. Regards [1]: https://i.ibb.co/ZHpLbNY/Screenshot-2021-07-29-at-18-39-04.png [2]: https://i.ibb.co/TkkRZ0Q/Screenshot-2021-07-29-at-19-14-45.png [3]: https://i.ibb.co/BzZf74J/Screenshot-2021-07-29-at-19-15-52.png
Support Team
Support Team posted this 30 July 2021

Hi Dominic,

So, you're sending emails with MailChimp. Unfortunately select, checkbox, and radiobutton fields are not supported for this type of submit.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Dominic, So, you're sending emails with MailChimp. Unfortunately select, checkbox, and radiobutton fields are not supported for this type of submit. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
domfarr
6 Posts
domfarr posted this 30 July 2021

Indeed I am using a simple form with a URL action.

Is there a feature | bug I can contribute to in the Nicepage source code to include these types of html elements?

Is there somewhere in the documentation that states these are not supported?

Thanks

Indeed I am using a simple form with a URL action. Is there a feature | bug I can contribute to in the Nicepage source code to include these types of html elements? Is there somewhere in the documentation that states these are not supported? Thanks
Support Team
Support Team posted this 03 August 2021

Hi Dominic,

These fields are not supported for the MailChimp option only. And there is no easy solution for MailChimp. Unfortunately, it is not mentioned in the documentation as these fields are quite a new feature, and support is not yet implemented because it is not so popular submit type.
Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Dominic, These fields are not supported for the MailChimp option only. And there is no easy solution for MailChimp. Unfortunately, it is not mentioned in the documentation as these fields are quite a new feature, and support is not yet implemented because it is not so popular submit type. Please let us know if you have any further questions. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
domfarr
6 Posts
domfarr posted this 03 August 2021

Thanks, Olivia.

Not sure it is that difficult. I built a separate page today for my form with JQuery + core JS to handle the missing elements, and Mailchimp accepted them without change...all done in a few hours. Perhaps the Nicepage.js is the barrier to this.

Anyway, many thanks for your time and effort with me on this.

Regards

Thanks, Olivia. Not sure it is that difficult. I built a separate page today for my form with JQuery + core JS to handle the missing elements, and Mailchimp accepted them without change...all done in a few hours. Perhaps the Nicepage.js is the barrier to this. Anyway, many thanks for your time and effort with me on this. Regards
Support Team
Support Team posted this 12 August 2021

Hi Dominic,

Sorry for the delay. We have transferred your comments to our managers and added your request to our wishlist.
Please follow our news.

Thank you.

...................................................
Sincerely,
Susanna I.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Dominic, Sorry for the delay. We have transferred your comments to our managers and added your request to our wishlist. Please follow our news. Thank you. ................................................... Sincerely, Susanna I. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments