2 формы AJAX на одной и той же странице: не открывать одну, если другая уже противопоставлена

Question

У меня есть страница, где пользователь просматривает данные для 2 форм. Одна называется Data part 1, а другая Data part 2. В этих двух формах вверху есть кнопка «РЕДАКТИРОВАТЬ», чтобы пользователь мог редактировать формы на тех же страницах.

Когда пользователь нажимает кнопку «Изменить», он отправляет запрос AJAX моему контроллеру PHP, и я возвращаю HTML, отображаемый со всеми заполненными полями ввода. Это работает.

Моя проблема в том, что я хочу, чтобы пользователь не нажимал на первую РЕДАКТИРОВАТЬ, а затем на вторую РЕДАКТИРОВАТЬ. Если он редактирует часть 1 (или часть 2), он должен сохранить, а затем он может редактировать вторую. Когда я сохраняю форму, я не сохраняю ее через AJAX, форма отправляется как обычная форма HTTP.

Как я могу это сделать? Это хорошо объяснено или нужен какой-нибудь пример изображения?

Заранее спасибо

Обновление:

<h2>
    Form1
    <a id="projects_historics_edit_part_1" href="#" class="submitButton submit insideH"><span>Edit</span></a>
</h2>


<div id="projects_historics_part_1">
    <!-- display for form 1, when click at button edit from inside h2, this loads the form via ajax -->
</div>

<h2>
    Form2
    <a id="projects_historics_edit_part_2" href="#" class="submitButton submit insideH"><span>Edit</span></a>
</h2>


<div id="projects_historics_part_2">
    <!-- display for form 2, when click at button edit from inside h2, this loads the form via ajax -->
</div>

Answer 1

Несколько опций, вы можете подключиться к функциональности javascript кнопок редактирования, которая отключит другую кнопку редактирования в ожидании сохранения.

Нажатие кнопки 1:

$('#button2Id').attr('disabled', 'disabled');

Тогда на сохранение ...

$('button').removeAttr('disabled');

Кроме того, вы можете установить скрытое поле, чтобы пометить его, если у вас открыта одна или другая форма, и просто проверить значение этого скрытого поля перед выполнением AJAX для создания формы.