This page gives an overview of Ajax.Form object. It is an extension of the Mootools Ajax object, and provides a way to submit an html form via ajax.

But wait! There’s more!

It also submits forms with input type=file! Sweet!

Submitting a regular form provides you all the callbacks and options of a Mootools Ajax object.

Submitting a form with inputs of type file on it will provide you with several options (which need to be documented) and the ability for an onComplete callback. Unfortunately, there is no way to access the http status codes of an iframe, so there is no way to know if the upload failed. But, hey… it works – try it out!

The documentation is a bit lacking right now as I have to continue with other work, but I’ll try and flush it out later.

Class Moo.Form

element the form element to create the Moo.Form from
options Options for the Moo.Form
Options

See the docs for Ajax as those options are also available to this object
appendData additional data to append to the form on submit
bind boolean value to bind the event to the submit event of the form, and cancel the default action (defaults to true)
Example

    new Moo.Form('element', options);

Demo: http://joomlicious.com/Moo.Form/

Download: http://joomlicious.com/Moo.Form/?download=true

Source: http://joomlicious.com/Moo.Form/

Related Listings:

1. MooTools EXT Adapter Script Here is my attempt at creating a mootools adapter for...
2. Form Hints using Moo Tools Mootools/Javascript Form Helper – Allows inline help for form input...
3. Mootools-Ajax Contact Form Ajax can be very intimidating if you know very little...
4. Prototype window login form Here is a simple tutorial to demonstrate the use of...
5. Form Validation with JQuery A single line of jQuery to select the form and...

Do you like this post?

Email: