JavaScript提交无法在同一页面上执行操作

Question

我只是想尝试使用JavaScript提交表单。我把它分解为这个基本功能：

$(btnSubmit).click(function(event){
        event.preventDefault();
        $('.form')[0].submit();
    });

这是表格（页面名称为coming_albums.php）：

<form class="form" action="upcoming_albums.php" enctype="multipart/form-data" method="post">

它只是刷新页面。表格未提交。

Answer 1

我认为您的选择器存在问题。要使用JavaScript提交表单，最好使用表单名称或唯一ID，因为其他地方可能使用相同的类名称。 因此，请尝试以下代码，

<form class="form" id="myform" action="upcoming_albums.php" enctype="multipart/form-data" method="post">

现在，javascript就像

$(btnSubmit).click(function(event){
    event.preventDefault();
    $('#myform').submit();
});

另外请检查您的控制台是否有任何其他js错误，这可能会有所帮助， 谢谢，