Clicking submit shows all fields

Resolved

(@elizalocalist)

Hi there. When I submit the form, the message sends properly, but all previously hidden groups show on the form.

Form

<p>How can we help?<br />
[select* howcanwehelp "" "Something's broken" "I received an error message" "I have a question about my product" "I want to make a suggestion" "I have a question about my account"] </p>

[group basicinfo]
<fieldset>
<p>Your name (required)<br />
    [text* your-name] </p>

<p>Your email (required)<br />
    [email* your-email] </p>

<p>Your organization<br />
    [text your-org placeholder "University"] </p>
</fieldset>
[/group]

[group question]
<fieldset>

<p>Ask away!<br />
    [textarea your-message-1] </p>
</fieldset>
[/group]

[group suggestion]
<fieldset>
<p>We love suggestions! What's yours?<br />
    [textarea your-message-2]
</fieldset>
[/group]

[group error]
<fieldset>

<p> On which page did the error appear?<br />
    [url url-error-3 placeholder "http://events.yoursite.com/error"] </p>

<p> What was the error message? What steps resulted in the error?<br />
    [textarea error-steps-3] </p>

<p> When did you see the error? <br />
    [text error-time-3 placeholder "3:00PM on June 1"] </p>

<p> Which browser and browser version were you using? <br />
    [text error-browser-3 placeholder "Chrome 54.0.2840.59"] </p>

<p> Which operating system were you using? <br />
    [text error-os-3 placeholder "Mac OS X 10.3.0"] </p>

<p> Did anyone experience this error on a different system or browser? <br />
    [text error-browser-3] </p>
</fieldset>
[/group]

[group bug]
<fieldset>

<p> On which page did the issue occur?<br />
    [url url-bug-4 placeholder "http://events.yoursite.com/page"] </p>

<p> What happened instead of the intended functionality? What steps took you to this issue? <br />
    [textarea bug-description-4] </p>

<p> When did you experience this issue? <br />
    [text bug-time-4 placeholder "3:00PM on June 1"] </p>

<p> Which browser/version were you using? <br />
    [text bug-browser-4 placeholder "Chrome 54.0.2840.59"] </p>

<p> Which operating system were you using? <br />
    [text bug-browser-4 placeholder "Mac OS X 10.3.0"] </p>

<p> Is anyone experiencing this issue on a different system or browser? <br />
    [text bug-browser-4] </p>
</fieldset>
[/group]

[group submit]
<p>[submit "Submit"]</p>
[/group]

Conditions

if [howcanwehelp] not equals "" then show [submit]
if [howcanwehelp] not equals "" then show [basicinfo]
if [howcanwehelp] equals "I want to make a suggestion" then show [suggestion]
if [howcanwehelp] equals "I received an error message" then show [error]
if [howcanwehelp] equals "I have a question about my account" then show [question]
if [howcanwehelp] equals "I have a question about my product" then show [question]
if [howcanwehelp] equals "Something's broken" then show [bug]

email body

From: [your-name] <[your-email]>
Subject: [howcanwehelp]

Organization: [your-org]

Message Body: [your-message-1][your-message-2][error-steps-3][bug-description-4]

Additional information:
[url-error-3][url-bug-4]
[error-time-3][bug-time-4]
[error-browser-3][bug-browser-4]
[error-os-3]

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author Jules Colle
(@jules-colle)

9 years, 5 months ago

this is the normal behavior. Once a form is submitted, all fields are cleared. It’s the default behavior of CF7 as well. What is your use case? Why would you need the fields to not be cleared after submit? I believe in most cases, after a form has been submitted, you should never have to submit the same form with the same values again, right? = double submit.

If you have a valid case for this to happen though, I will consider adding an option for this in a future update.

Thread Starter elizalocalist
(@elizalocalist)

9 years, 4 months ago

Hi Jules,

Revealing hidden fields upon submit causes two issues for the user:

1. If a user clicks submit and has not filled out a required field, the form will not be sent. However, the user suddenly sees several new competing fields that would lead them to believe they need to fill out in order to submit the form correctly.
2. When a user submits the form, the previously hidden fields push the confirmation message below the fold, so that user believes that they have not successfully submitted the form. also, they now see several newly visible fields that they believe are the second step needed to actually submit their support ticket.

In both cases, revealing the hidden fields communicates to the user that the form was not properly submitted and they need to resubmit. Not to mention, I looked into conditional fields in order target prompts to a particular situation, so revealing hidden fields upon submit will always bring up fields that are irrelevant to the user’s situation.

Plugin Author Jules Colle
(@jules-colle)

9 years, 4 months ago

Aha, yeah that shouldn’t happen. Can you share the link?

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Clicking submit shows all fields’ is closed to new replies.

Tags