How to make the script submit the form on the fly?

Question

JavaScript

Good evening!
There is a script to send the form to the server:

$(document).ready(function() {
  $('#filter').submit(function(){
    $.post("url", $("#filter").serialize(),  function(response) {
      $('#filter').hide('slow');
      $('#dle-content').html(response);
    });
    return false;
  });
});

How to make it submit on the fly and not on click on submit? And how to add animation when loading content?
Thanks in advance!

Answer 1

Submitting a form on the fly is not a good idea.
Sending can be done by 2 events - changing the contents of the input (change) and clicking the key (keyup).
In order not to strongly force the server, on the client side, you can check for the validity of the data. And only if the data is valid, send. Validity exercise at the same event.
But the question is - did the user really want to send this particular data to the server (rhetorical)?