Change theme:   

Ajax forms

It is an jQuery plugin that makes Edicy forms submit with ajax. It handles all error messages to be displayed as usual by the side of form areas.

File upload in form is supported only in modern browsers. In Internet Explorer's case it means IE10+. In older browsers if file input is present an error message is displayed besides it and file is not sent with data. Error message can be configured with parameter "formdata_error".

Example

Email again:
Radios

Code

Get jquery.edicyAjaxForm.js from Github Edicy/edicy-jsplugins.

Simpliest implementation:

<script type="text/javascript" src="jquery.edicyAjaxForm.js"></script>
<script type="text/javascript">
    $('#content form').edicyAjaxForm();
</script> 
The plugin has two additional options success, and error. Both can be passed as a function receiving one argument - a translated error text. Also  formdata_error to make your own error message for older browsers file upload.

Advanced usage:

<script type="text/javascript">
    $('#content form').edicyAjaxForm({
        success: function(text) {
            alert(text)
        },
        error: function(text) {
            alert(text);
        },
        formdata_error: "Your browser is too old to support file upload from this form." 
    });
</script>