Question

代码如下，不确定我缺少什么或者我需要编辑什么。我是JavaScript的新手。请帮忙！我试图添加＆＃34; onClick＆＃34;以及最终提交，以下代码（因为它在更大的代码中标记）是＆＃34;联系提交＆＃34;。我为我的图形设计组合购买了这个网站 - 我可以读取一定程度的编码，但是这个让我经历了一个循环。

$("#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/一次。

js表单提交按钮不起作用

1 个答案: