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 data-mjf="ajax_submit_kc" data-mjf_askc_form_id="FORM_ID" id="ELEMENT_ID" to your form field.
data-mjf="ajax_submit_kc" data-mjf_askc_form_id="FORM_ID" id="ELEMENT_ID"
Below are the acceptable ones…
<input type="text">
<input type="file">
<input type="password">
<textarea>
<select>
Add <script type="text/javascript">$m.wand.ajax_submit_kc = true;</script> inside your <body> tag.
<script type="text/javascript">$m.wand.ajax_submit_kc = true;</script>
<body>
Input Field submits to ajax.php, the default form action
Radio Buttons Option 1 Option 2 Option 3
Checkboxes Option 1 Option 2 Option 3
Textarea submits to ajax2.php
Select Single Please choose... Option 1 Option 2 Option 3 submits to ajax3.php
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
Add data-mjf_askc_action="/PATH/TO/NEW_ACTION" to your form field if you want your <form> to use a different action.
data-mjf_askc_action="/PATH/TO/NEW_ACTION"
You may want to use Form Validation as well — data-mjf="form_required|ajax_submit|return_false" for your <form>.
data-mjf="form_required|ajax_submit|return_false"
« Back to the main documentation
AJAX Form Submission (via keyup/change): Magic JavaScript AJAX Form Submission (via keyup/change): Magic JavaScript