Почему не отправляется форма и $_POST пустой?

Question

[Алексей Веснин]

Всем привет, не могу понять, почему не отправляется форма и $_POST пустой, помогите:

Вот, JS:

<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script>
        
        function ask() {
            var s = confirm("Вы уверены?");
            if(s) {
            document.forms['form'].submit();
              }
        }


        $(document).ready(function () {
            $("form").submit(function () {
                var formID = $(this).attr('id');
                var formNm = $('#' + formID);
                var message = $(formNm).find(".msgs"); 
                $.ajax({
                    type: "POST",
                    url: 'dashboard.php',
                    data: formNm.serialize(),
                    success: function (data) {
                        // Вывод сообщения об успешной отправке
                        message.html(data);
                    },
                    error: function (jqXHR, text, error) {
                        // Вывод сообщения об ошибке отправки
                        message.html(error);
                    }
                });
                return false;
            });
   
        });



    </script>

Вот форма:

<form id="delete_row" class="form" autocomplete="off"> 
            <?php foreach ($array as $row): ?>     
                <tr class="row_tr">
                    <td class="row_td"><?php echo $row['id'] ?></td>
                    <td class="row_td"><?php echo $row['referer_url'] ?></td>
                    <td class="row_td"><?php echo $row['utm_source'] ?></td>
                    <td class="row_td"><?php echo $row['utm_medium'] ?></td>
                    <td class="row_td"><?php echo $row['utm_campaign'] ?></td>
                    <td class="row_td"><?php echo $row['utm_term'] ?></td>
                    <td class="row_td"><?php echo $row['utm_content'] ?></td>
                    <td class="row_td"><?php echo $row['type'] ?></td>
                    <td class="row_td"><?php echo $row['source'] ?></td>
                    <td class="row_td"><?php echo $row['group'] ?></td>
                    <td class="row_td"><?php echo $row['utm'] ?></td>
                    <td class="row_td"><?php echo $row['ref'] ?></td>
                    <td class="row_td"><?php echo $row['cost'] ?></td>
                    <td class="row_td"><?php echo $row['date_inserted'] ?></td>
                    <input name="row_del_id" class="formInfo" type="hidden" value="<?php echo $row['id'] ?>">
                    <td class="row_td"><input type="submit" class="formBtn" name="delete_r" value="Удалить" onclick="ask(); return false;"></td>
                </tr>
            <?php endforeach; ?>
        </form>

Что не так??

Comments

[Дмитрий]

Добрый вечер.
А что пишется в консоли браузера, какие ошибки?

[Алексей Веснин]

slo_nik, добрый, в консоли только это: prntscr.com/iicpbp

но если подтверждение убрать, то все равно не работает

[Дмитрий]

Алексей Веснин, ну вот Вам и причина, почему форма не отправляется и почему Вы не получаете $_POST на сервере.

[Алексей Веснин]

slo_nik, у меня пустой $_POST после отправки формы, точнее 0 эмоций и пост пустой, хотя с другими формами все норм

[Дмитрий]

Алексей Веснин, у Вас ошибка в js

[Алексей Веснин]

slo_nik, да действительно ошибка в JS оказалась, а как правильно в моем случае должно быть? а то я особо не силен

[Алексей Веснин]

Алексей Веснин, Сделал вот так, вроде работает, не знаю на сколько правильно:

function ask() {
            // event.preventDefault();
            // var s = confirm("Вы уверены?");
            // if(s) {
            // document.forms['form'].submit();
            //   }


              $( "formBtn" ).click(function( event ) {
                  event.preventDefault();
                  var s = confirm("Вы уверены?");
                    if(s) {
                    document.forms['form'].submit();
                });
        }

[Дмитрий]

Алексей Веснин, непонятно, зачем Вам и функция с submit и отдельно потом js с тем же submit

[Алексей Веснин]

slo_nik, у меня появились еще проблемы, данные теперь удаляются, но как-то не правильно передается ID записи + пока страницу не перезагрузишь не увидишь изменения и $_POST при перезагрузке не очищается :

if (isset($_POST['row_del_id'])){
    $data = $db->prepare('DELETE FROM `utm_params` WHERE `id` = :id');
    $data->bindParam(':id', $_POST['row_del_id']);
    $data->execute(); 
}

[Дмитрий]

Алексей Веснин, у Вас вообще странная форма. Зачем в ней таблица? и как Вы получаете id для удаления?

[Алексей Веснин]

slo_nik, prntscr.com/iidivr

[Дмитрий]

Алексей Веснин, непонятная ссылка, не открывается.

Answer 1

[Андрей]

у коллбека на submit должен быть аргумент event, вызовите первой строкой event.preventDefault(), чтобы подавит стандартный submit формы.

Comments

[Алексей Веснин]

Сделал вот так, вроде работает, не знаю на сколько правильно:

function ask() {
            // event.preventDefault();
            // var s = confirm("Вы уверены?");
            // if(s) {
            // document.forms['form'].submit();
            //   }


              $( "formBtn" ).click(function( event ) {
                  event.preventDefault();
                  var s = confirm("Вы уверены?");
                    if(s) {
                    document.forms['form'].submit();
                });
        }

[Андрей]

Алексей Веснин, я бы, на всякий случай, еще и в submit коллбэк это добавил. чтобы форма гетом точно не ушла.

[Алексей Веснин]

Андрей, как это сделать не знаю, у меня появились еще проблемы, данные теперь удаляются, но как-то не правильно передается ID записи + пока страницу не перезагрузишь не увидишь изменения и $_POST при перезагрузке не очищается :

if (isset($_POST['row_del_id'])){
    $data = $db->prepare('DELETE FROM `utm_params` WHERE `id` = :id');
    $data->bindParam(':id', $_POST['row_del_id']);
    $data->execute(); 
}