Press "Enter" to skip to content

[Acronymous] An Easy-to-Use Library that Provides Submission on Form Change | Form Async

Form Async is an easy-to-use library that provides a brief submission when changing a form. It’s a great solution to prevent data loss when filling out a web form.


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

How to make use of it:

1. Import each jQuery JavaScript library and the jQuery Form Asyncplugin into the HTML doc.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/dist/form-async.min.js"></script>

2. Specify the file to handle the ajax form submit as these:

<input type="text" name="username" class="exemple" 

<!-- OR -->
<form action="ajax.php" class="exemple">
  <input type="text" name="username">

3. Initialize the plugin.


4. The plugin helps grouped form fields and even HTML5 contentEditable component.

<!-- input group -->
<input type="text" name="username" data-group="username,token">
<input type="hidden" name="token" value="VALUE" data-group="username,token">
<!-- Editable content -->
<div contenteditable="true" class="textarea" data-name="content"></div>

5. Callback capabilities.


  before: function(request){
    var value = $(this).val(),
        form = $(this).closest("form");

    if (/[^a-zA-Z0-9]/.test(value)) {

  success: function(response) {
    if (response == "success") {

  error: function(request){
    var value = $(this).val(),
        form = $(this).closest("form");

    if (/[^a-zA-Z0-9]/.test(value)) {


Auto Send Data When Form Changes, Form Async plugin/Github

See Demo And Download

Official Website(lognoz): Click Here

This superior jQuery/javascript plugin is developed by lognoz. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *