将表单名称发送到JS / jQuery并序列化

Question

It works when inputs are empty but as soon as they have a value it returns nothing.

UPDATE: It's if I send the form without entering any inputs, then enter the inputs and send again, that nothing is returned.

NEW UPDATE: I hadn't included the function I created to handle errors. That function appears to be causing the problem somehow. I'm adding the code below. When the function is removed from the code, the error does not occur.

Error Function

function showError(id){
        $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
        $("#"+id).css( "background-color", "#ffcece" );
        $("#sendBtn").attr("onclick","sendForm()");
        $('#sendBtn').css("background-color", "#29559c");
        document.getElementById('sendBtn').innerHTML = "Submit Application";
        $('#frm-err').css("color", "red");
        $('#frm-err').html('Please fill out the entire application');
}

HTML

<form name="membershipForm" id="membershipForm" onsubmit="return false">
    <input required type="text" id="Name" name="Name" placeholder="Name">
    <input required type="text" id="Pin" name="Pin" placeholder="Pin">
    <button id="sendBtn" onclick="sendForm(form.name);return false;">Submit</button>
</form>

JS/jQuery

function sendForm(formName) {       
    var formData = $("#"+formName).serialize().replace(/\+/g,'%20');
    alert(formData);
}

Answer 1

在处理错误的函数中，我重置了onclick，但未包含（form.name）。