Form Async

Form Async is an easy-to-use library that provide acronymous sending on form changes. It's a great solution to preventing data loss when filling out a web form.

Features

• Lightweight (~1.5kb gziped)
• Saves any HTML form element
• Support content editable property
• Full customization
• Retry functionality if ajax request fail
• Send form elements as group of field
• Provide the way to validate changes before sending ajax request
• Heavily tested

Installation

$ npm install form-async

We recommend installing from npm and then using a module bundler such as RequireJS, Webpack or Browserify.

Alternatively, you can use jsdelivr CDN instead of npm.

<!-- 1. Add JS before the closing `</body>` --> <script src="jquery.js"></script> <script src="form-async.js"></script>  <!-- 2. Initialize --> <form action="/ajax/account">    <input name="xs_username"> </form>  <script>    $("form").async(); </script>

Documentation

Read the docs for more details on how to use Form Async.

Callbacks

• before — pre-request function that can be use to validate data before it is sent
• success — function invoked if the request succeeds
• error — function invoked if the request fails

Software

We use Browserstack for manual testing