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

Question

我正尝试使用 JavaScript 提交我的表单。我将其分解为以下基本功能：

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

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

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

它所做的只是刷新页面。表单未提交。

Answer 1

我认为您的选择器有问题，对于使用 JavaScript 提交表单，最好使用表单名称或唯一 ID，因为可能有相同的 class 名称用于其他地方。所以，试试下面的代码，

<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 错误，这可能会有所帮助，谢谢，

JavaScript submit not working for action on same page