Форма отправляется дважды даже после отключения кнопки отправки

Я работаю над воспламенителем кода PHP, в котором моя форма изначально отправлялась несколько раз. У меня было 2 кнопки отправки, при нажатии первой кнопки открывается всплывающее окно, а вторая кнопка отправки находится во всплывающем окне. При отправке формы я отключаю обе кнопки. Но все же у меня в базе было несколько записей.

Я попытался обновить страницу, чтобы проверить, отправляется ли она снова, но этого не произошло. Проверяли и в разных браузерах на наличие проблем, но все напрасно.

Ниже приведены фрагменты, невозможно добавить всю форму, так как она слишком велика. Форма разделена на разделы со следующей и предыдущей кнопками, а в последнем разделе мы отображаем кнопку отправки и всплывающее окно.

<form name = "ques_response" id = "ques_response" action = "<?php echo base_url(); ?>data/insert" method = "post" enctype = "multipart/form-data">

Это различные кнопки:

<button type = "submit" class = "btn btn-blue btn-back" id = "prev-button">Previous</button>
<button type = "submit" class = "btn btn-danger" id = "final-button">Submit</button>
<button type = "submit" class = "btn btn-blue btn-next" id = "next-button">Next</button>
<input type = "submit" id = "popup-final-button" name = "Submit" value = "Final" class = "final_submit btn btn-blue btn-save" >

И здесь я отключаю кнопки:

$("#ques_response").submit(function(){
    $('#final-button').attr("disabled",true);
    $('#popup-final-button').attr("disabled",true);
});

Что мне действительно нужно знать, так это почему даже после отключения кнопок форма отправляется дважды. Я больше хочу воссоздать эту проблему, если есть способ. Также, если я могу что-то сделать, чтобы этого избежать. Любая обработка на стороне сервера тоже.

Спасибо

Сможете ли вы сами воспроизвести двойное подчинение? Двойные записи могут исходить от пользователя или роботов, которые блокируют или игнорируют ваш скрипт.

mplungjan 27.04.2018 08:30

@mplungjan Нет, я не могу воспроизводить, как обычный пользователь.

user9690125 27.04.2018 08:33

Затем можно сохранить токен и посмотреть, находится ли этот токен уже в базе данных, и обновить контент, если он от того же взаимодействия.

mplungjan 27.04.2018 08:34

рабочий jsfiddle?

Learner 27.04.2018 08:38
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
4
66
2

Ответы 2

Отключение кнопок не препятствует отправке формы; это отправляется форма, а не кнопки. Вместо этого используйте preventDefault в обработчике submit:

$("#ques_response").submit(function(e){
  // if you want to prevent the form submission that was just triggered from being submitted for real:
  e.preventDefault();

Но только при необходимости

mplungjan 27.04.2018 08:28

Это не отправляет форму вообще, даже в первый раз.

user9690125 27.04.2018 08:47

Есть 4 кнопки отправки, это означает, что всякий раз, когда вы нажимаете на любую из этих кнопок, форма будет отправлена. Вы должны использовать только одну кнопку отправки.

Используйте другие кнопки только для взаимодействия на странице.

В вашей форме должна быть только одна кнопка type = "submit". Извлеките type = "submit" из остальных трех кнопок.

Другие вопросы по теме