eForm submissions via AJAX

69 Posts

markhurd Reply #1, 17 years, 3 months ago

Is it possible to validate/submit an eForm with an AJAX call?

I have a form that is hidden by default on page load and shown with a JavaScript event. When submitting the form, on page reload the form is once again hidden (even though the eForm validation has successfully fired), meaning the form errors or thank you message is not shown to the user.

Is there a way I could pass a form field via JavaScript on submission and parse that in eForm to show the form by default on subsequent page loads?

Thanks again!

69 Posts

markhurd Reply #2, 17 years, 3 months ago

Well I figured out a very nasty way of doing it. tongue

My checkspam snippet called via &eFormOnValidate was modified to echo a bit of jQuery:

<?php
function checkSpam(&$fields, &$vMsg, &$rMsg) {
	$html =<<<EOF
		<script type="text/javascript">
			$("#form-wrapper").show();
		</script>
EOF;

	if(!empty($fields['validate'])) {
		die("spam attempt");
	} else {
		echo $html;
		return true;
	}
}
?>

Immediately before the form is validated but immediately *after* page refresh, the form is set to unhidden.

141 Posts

miamisurf Reply #3, 17 years, 1 month ago

can you post the tpl and eform call you used? I’m kind of lost

69 Posts

markhurd Reply #4, 17 years, 1 month ago

I don’t have the code readily available (it was refactored a while after I posted this), sorry.

But eForm has several callback parameters you can set to execute snippets or other code at various points during it’s execution. eFormOnValidate is one of them that happened to work for this particular problem. More info on the other events here: http://wiki.modxcms.com/index.php/EForm

I still think this is a very hacky way to solve the problem; I’m sure some other folks have better solutions.