Как отличить два указанных c клика до отправки формы в jquery?

Question

У меня есть два события, первое для добавления нового элемента , а второе для редактирования элементов .

Не отправляя форму, я не уверен, как я могу различить их. Мне нужны предыдущие события, чтобы я мог использовать их при отправке события. Кроме того, есть некоторые условия, которые одинаковы для add и edit , поэтому я не держал их в отдельном файле. Но для некоторых условий я должен указать, работают ли они для события «добавить» или «изменить», которое я никак не могу найти.

Это мой код:

$('.addButton').on('click',function(){
   //console.log('add event');
   $('#forTest').modal('toggle');
});  //after trigerring this will go to the below submit code

$('#submitForm').on('click',function () {
   // some conditions 
   /* where condition is same except the error message are different like for
      add : this message : values are empty
      edit: this message : same values are there
   */

  $('#test_form').submit();
});  


$('.edit-button'.on('click', function(){
  $('#forTest').modal('toggle');  //edit button which will trigger to upper submit form
});

Answer 1

Используйте переменную, например. action и установите разные значения в разных прослушивателях кликов:

let action;

$('.addButton').on('click',function(){
   action = "add";
   $('#forTest').modal('toggle');
});  

$('.edit-button'.on('click', function(){
    action = "edit";
    $('#forTest').modal('toggle');  //edit button which will trigger to upper submit form
});

$('#submitForm').on('click',function () {

  if(action === "edit"){ /* Edit code */}
  else{ /* Add code */ }

  $('#test_form').submit();
});