Quick Jump ↵
Add data-mjf="ajax_submit|return_false" data-mjf_ajax_update_id="ELEMENT_ID" id="FORM_ID" to your <form> tag.
data-mjf="ajax_submit|return_false" data-mjf_ajax_update_id="ELEMENT_ID" id="FORM_ID"
<form>
Add <script type="text/javascript">$m.wand.ajax_submit = true;</script> inside your <body> tag.
<script type="text/javascript">$m.wand.ajax_submit = true;</script>
<body>
Input Field
Radio Buttons Option 1 Option 2 Option 3
Checkboxes Option 1 Option 2 Option 3
Textarea
Select Single Please choose... Option 1 Option 2 Option 3
Select Multiple Please choose... Option 1 Option 2 Option 3 Option 4
The action and method attributes for your form are still required and will be used when making the AJAX call.
action
method
You may want to use Form Validation as well — data-mjf="form_required|ajax_submit|return_false"
data-mjf="form_required|ajax_submit|return_false"
« Back to the main documentation
AJAX Form Submission: Magic JavaScript