表单没有使用jquery提交

我正在尝试使用oAuth 2.0验证用户，它工作良好，我使用jquery从谷歌获取用户信息，我想发送到下一页。为此，我使用jQuery编程生成表单并提交表单。但不幸的是，表单没有提交。我已经看到了堆栈溢出的各种答案，并试图实现使用的东西，但没有一个是工作的。

这是我的代码。

customButtonRender.js

function onSuccess(googleUser){
    
    console.log('Logged in as '+googleUser.getBasicProfile().getName());
    var profile = googleUser.getBasicProfile();
    submit_form(profile);
}

var submit_form = function(profile){
    console.log(profile.getId());
    console.log(profile.getName());
    console.log(profile.getImageUrl());
    console.log(profile.getEmail());
    var user_url = "localhost:8080/NUConnect_JSP/jsp/home.jsp";
    var val_form = $('<form data-ajax="false" method="POST" id="val_form"     action="' + user_url + '">'+
        '<input type="text" name="user_name" value="' + profile.getName() + '">'+
        '<input type="text" name="user_email" value="' + profile.getEmail() + '">'+
        '<input type="submit" name="user_submit" id="user_submit">'+
    '</form>');
    $('body').append(val_form);
    
    //    $("#val_form").submit();
    //    $("#val_form")[0].submit();
    //    $("#user_submit").click();
   document.getElementById("val_form").submit();
   console.log("After submit");
};

我已经在标题部分包含了customButtonRender.js文件。

正如你所看到的，我已经尝试了各种方法来提交写在评论中的表单，但没有一个有效。

所有日志打印成功。