Re: form with a drop down field that is required

mrkcrne · ‎02-07-2022

I'm new to Marketo and my form that has a drop down can be submitted without the drop down being selected by a user. We currently have "Select" as the default value, so I assume that is why it is allowing the submission, so is there a way around this?

Jo_Pitts1 · ‎02-07-2022

@mrkcrne ,

ultimately, if you have no value in the 'select' option, Marketo will display an error anyway when someone moves through the field, or tries to submit the form.

To make that work, you need to get rid of the value in the red box.

If you placed your form (configured as you showed it in the screen shot of your drop down options) on a test landing page, this would happen natively, as you've got no entry for the stored value.

To prove this, I inspected the form elements and altered the select option for industry.

When I tried to submit the form I got this error

Talk to your dev team about WHY what they are doing is adding in the value="select" instead of leaving as value="", and could they please stop.

Cheers

Jo

View solution in original post

SanfordWhiteman · ‎02-07-2022

You have to mark the field as Required in Form Editor.

The "Select..." with an empty server value is not a valid selection if it's Required.

mrkcrne · ‎02-07-2022

Thanks, I have the filed marked as required and this is how the choices are set up. But it isn't working as I can submit this field without selecting a drop down value.

SanfordWhiteman · ‎02-07-2022

That’s not expected behavior. You’ll need to provide a link to your page to troubleshoot further. Required means the server value can’t be empty.

mrkcrne · ‎02-07-2022

https://www.vicorpower.com/home/z-work-in-progress/get-updates

Both Role and Industry are a required field.

SanfordWhiteman · ‎02-07-2022

That's not the same form as in your screenshot. One has "Select..." with an ellipsis and the other "Select".

mrkcrne · ‎02-07-2022

Hey Sanford, maybe this isn't the correct place for this, but I can assure you that this is the correct form. We are doing a lot with some js code in our CMS, we support 4 languages and we are using the language switcher on our site to make sure that the form is in the correct language. We also have a custom CSS to make our forms conform with our site. Not sure if you want to look at the custom js or if that is asking to much.

SanfordWhiteman · ‎02-07-2022

If you're using JS to dynamically change the options so the topmost option has different inner text and has a value, then in practice it's not the same form.

As you can see, its value is the string "Select", not the empty string:

I put that form's embed code, without your customizations, in a CodePen. You'll see the form cannot be submitted when the topmost option, with the display text "Select...", is selected:

https://cdpn.io/pen/debug/mdqRwKy/4465a9bceacc125ecc2fad54f5ca6901

mrkcrne · ‎02-07-2022

Thanks for all the help, this is interesting as the "Role" looks like it is requited but the "Industry" is not. I just clicked the submit button and the red outline showed up around the "Role" field but not the "Industry" field. The industry field is also required.

SanfordWhiteman · ‎02-07-2022

Again, you can see that the option has a value: