js表单提交按钮不起作用

Question

代码如下，不确定我缺少什么或可能需要编辑什么。我对 JavaScript 比较陌生。请帮忙！我尝试添加“onClick”以及最终提交，以下代码（如在较大代码中标记的那样）是“联系提交”。我为我的平面设计作品集购买了这个网站 - 我可以在一定程度上阅读编码，但这个网站让我陷入了困境。

$("#submit_btn").click(function(){      
    var user_name=$('input[name=name]').val();
    var user_email=$('input[name=email]').val();
    var user_message=$('textarea[name=message]').val();
    var proceed=true;
        if(user_name==""){
            $('input[name=name]').css('border','2px solid #F54A4B');
            proceed=false
        }
        if(user_email==""){
            $('input[name=email]').css('border','2px solid #F54A4B');
            proceed=false
        }
        if(user_message==""){
            $('textarea[name=message]').css('border','2px solid #F54A4B');
            proceed=false
        }
        if(proceed){
            post_data={'userName':user_name,'userEmail':user_email,'userMessage':user_message};
            $.post('php/contact_me.php',
            post_data,
            function(data){
                $("#result").hide().html('<div class="success">'+data+'</div>').fadeIn(700);
                $('#contact_form input').val('');
                $('#contact_form textarea').val('')}).fail(
                function(err){
                    $("#result").hide().html('<div class="error">'+err.statusText+'</div>').fadeIn(1500)
            });
        }
});

$("#contact_form input, #contact_form textarea").keyup(function(){      
        $("#contact_form input, #contact_form textarea").css('border','2px solid #fff');
        $("#result").fadeOut(700)           
}); 

Answer 1

要提交表单，您必须使用.submit() 函数。
使用$("#submit_btn").submit() 提交表单。
请通过https://api.jquery.com/submit/ 一次。