即使没有点击“发送”，也需要制作保存任何更改的网络表单

Question

In my new site I have form for client that went to contact me. I don't have much web programming experience so I'm not sure what is the easiest way to do it,

My goal is for example if the client fill his name and phone number, and then decide that there is too much fields to fill (even that it's not must) then he give-up and exit the page, Then I went to make in such case I will still get his the details that he filled, (name and phone number) Also, if he fill something and then change or delete, I also went to know.

What is the easiest way to do it? Is there any open-source PHP base system that can do it? Even add-on for WordPress. The person that fill the page, will he know that I do it? it will load each time he move field or something? because I really prefer that it won't

BTW, I'm not going to contact anyone if he not press send, I just went to learn better why I lose leads and maybe maximum to send email question about that.

Thanks, The-Blad3r

Answer 1

I would use ajax and save everytime they change a value in the form by "change, keyup" or something similar like mentioned in the answer before. Since you use Wordpress you can use jquery for that.

It could potentially look something like this. Made 3 different ways to define a field if you are unfamiliar with jQuery, it is a lot like CSS. The serialize does take all your fields and post them to the your_savingfile.php.

$('input[name="firstname"], .lastname, #phonenumber').on('keyup', function(){
    saveForm($('#form-id'));
}

var function = saveForm(f) {

    $.ajax({
        type: "POST",
        url: "your_savingfile.php",
        data: f.serialize(),
        success: function(data) {
            $("#save-notify-div").html('Saved form...');
        }
    });
}