Ajax contact form?

Question

PHP

Good evening, there is a feedback form and there is a handler for it:

function submitForm(){
    // Переменные с данными из формы
    var name = $("#name").val();
    var email = $("#email").val();
    var message = $("#message").val();
 
    $.ajax({
        type: "POST",
        url: "php/form-process.php",
        data: "name="+ name + "&email="+ email + "&message="+ message,
        success : function(text){
            if(text == "success"){
                formSuccess();
            }
        }
    });
}
function  formSuccess(){
    $( "#msgSubmit").removeClass( "hidden");
    $( "#contactForm").find('input[type=text], textarea').val('');
}

If there is one form on the page, then everything works fine, when there is more than 1 form on the page, then it does not work, and in order for everything to work, you need to duplicate this code and change the id, please tell me how to implement this, no matter the number of forms on the page did this code handle them all without duplication with another id?

Answer 1

Why multiple contact forms on one page?
But you can pass the form id to the submitForm function, and instead of $("#input id").val() use #input id-input id