How to persist checkbox state if submission fails for other reasons & page refreshes? - My Forums

How to persist checkbox state if submission fails for other reasons & page refreshes?

syberknight — Feb 14, 2016, 05:41 PM

hello again

so, now i'm trying to put in to a registration form a simple checkbox for the user to check to accept or leave unchecked to not accept (one of those terms/conditions/agreement things); and yes, it is required for it to be check for the form to submit successfully.

i believe i've got everything working (it's a miracle!), but i'm wondering if/is it possible (& if so, then how) to keep the checkbox checked if the user checked it, when the submit doesn't work due to a different validation error.

i've noticed the page seems to refresh & show the validation error(s), and all the other input fields keep the previously inputted data. so why in such a situation can't the checkbox remain checked?

:::FYI::: i'm not using "FormIt" - i am using "Login/Register" instead.
@ https://rtfm.modx.com/extras/revo/login:::FYI::: here is my validation code without everything but the part for the checkbox...

[[!Register?
	&validate=`nospam:blank,
		agree:required:true`
]]

:::FYI::: here is my html for the checkbox...

now, i don't know if that part after the value="Y" that's [[!+agree:FormItIsChecked=`Y`]] is correct or not, but it's the only thing i found that seems to work for getting the requirement & error message to work right. i found it @ https://forums.modx.com/thread/44876/validation-errors-for-checkboxes-not-displaying

lastly, to be clear, the form is submitting when everything validates ok. i'm just trying to get the checkbox to remain checked, if the user checks it, after the form validates as invalid because of another field. make sense?
thanks.

Re: How to persist checkbox state if submission fails for other reasons & page refreshes?

syberknight — Feb 25, 2016, 11:31 AM

heh, thanks ;-)

Re: How to persist checkbox state if submission fails for other reasons & page refreshes?

nuan88 — Feb 25, 2016, 12:56 AM

You are now officially a coder. Yeah you don't know php (yet), but you have done the full circuit of technologies. Congrats!

Re: How to persist checkbox state if submission fails for other reasons & page refreshes? (Best Answer)

syberknight — Feb 23, 2016, 12:52 PM

hi guys,

my apologies for not responding sooner.

so, here's the deal...

i've got this form working (finally)! but for a tad bit better UX for it, i'd like to find a way to keep these 3 input types to sustain their options if the user does not validate elsewhere in the form when they hit the submit button. when that happens, the form reloads, and all the text inputs persist correctly, but these 3 reset...

input type Radio - "gender"
input type Select - "country"
input type Checkbox - "agree"

so, i have the javascript validation that does keep the form from being submitted if something isn't right. but still, if you hit the submit button, it does seem to reload the form if something doesn't validate. not sure how to keep that from happening. and i do know it's the JQuery Validate JS stopping it because i have different error messages show up for that vs the ModX validation error messages. i have that there too just as a fallback.

in an effort to provide all the relevant info, here's what i'm using & my code...

i have a registration form which can be viewed @ http://sanctuaryinternational.com/dev/register.html
note: this is a development directory - not "live" to the users yet. so feel free to give it a try if you want.
also note: you will know if it submits correctly when the submission takes you to a confirmation page.
i'm using the Materialize framework @ http://materializecss.com
i had thought it would be faster to setup this site with it than starting from scratch, is why.
am using ModX Revolution 2.4.2-pl (tho i'm not sure what the "pl" stands for)
i've installed & using the Login 1.9.2-pl Extra @ https://rtfm.modx.com/extras/revo/login
am using the Personalize 3.7.0-pl Extra @ http://bobsguides.com/personalize-tutorial.html
am using the ReCaptchaV2 2.0.1-rc1 Extra @ https://github.com/sepiariver/recaptchav2
& am using JQuery Validate 1.14.0 Plugin @ http://jqueryvalidation.org

...EDITED OUT THE REST DUE TO FINDING THE ANSWER...

TURNS OUT, THE JQUERY VALIDATE OPTION TO IGNORE HIDDEN FIELDS FIXED ALL MY WOES.

so, apparently Materialize totally messes with the "select" & "radio" etc fields & adds hidden input text fields & ul/li code to do all the work. adding the "ignore: []" option tells Jquery Validate to ignore the "hidden" commands & validate those hidden fields. VIOLA!!!

$().ready(function() {
	$("#registrationForm").validate({
		ignore: [], // <--needed for select's hidden input that's doing all the work
		validClass: 'valid',
		errorClass: 'invalid',
		errorElement: 'span',
		focusInvalid: false,
...etc...

-2¢

Re: How to persist checkbox state if submission fails for other reasons & page refreshes?

BobRay — Feb 16, 2016, 03:41 AM

I think nuan88's method would work, but another way to go is to just throw in a little JavaScript that keeps the form from being submitted and pops up a message if the agree checkbox is not checked. That's the way it's usually done.

That shouldn't conflict with the persistence since without the checkbox being checked, the form is never submitted.

Re: How to persist checkbox state if submission fails for other reasons & page refreshes?

nuan88 — Feb 16, 2016, 02:50 AM

This isn't my area, but can't you require the agreement up in the snippet?

[[!Register?
    &validate=`nospam:blank,
        [b]agree:required:true[/b]`
]]

I could be totally off base here. Checkboxes are weird.

Re: How to persist checkbox state if submission fails for other reasons & page refreshes?

syberknight — Feb 15, 2016, 06:44 PM

Quote from: donshakespeare at Feb 15, 2016, 06:25 AM

Create a snippet: getTHEMchecks...

that's GREAT @donshakespeare, thank you. but... how do i have 2 modx type code bits inside the same tag?

i have the [[!+agree:FormItIsChecked=`Y`]] thing in the input tag already. i tried adding yours with it, but can't get anything to work that way; so am i left with having to choose whether to "require" the check or have it persist?

Re: How to persist checkbox state if submission fails for other reasons & page refreshes?

donshakespeare — Feb 15, 2016, 12:25 AM

Create a snippet: getTHEMchecks

In your tpls