Как получить идентификатор формы шаблона

Question

Как мне архивировать, чтобы получить подстановочное имя или идентификатор формы?

Мне нужно получить идентификатор формы, и обе формы идентичны. Мне нужна только последняя цифра в идентификаторе формы, например, в форме1. Мне нужен 1 Пожалуйста, совет

<script>
$(document).on('submit', '[id^=addformj]', function(event){
    event.preventDefault();

var formid=//I need to get form id here 

alert('You have submited form ' + formid);


}
</script>

HTML похож на это

<form id="form1">
<input id="value1">
</form>

<form id="form2">
<input id="value2">
</form>

Я хочу предупредить 1, если передан идентификатор формы 1, и 2, если передан идентификатор формы 2

<script>
$(document).on('submit', '[id^=addformj]', function(event){
    event.preventDefault();

var formid=//I need to get form id here 

alert('You have submited form ' + formid);


}
</script>

Answer 1

Элемент формы доступен через ключевое слово this.Вот пример:

$(document).on('submit', '[id^=form]', function(event) {
  event.preventDefault();

  console.log('The form: ', this);

  var formid = this.id;

  // Change substring start value based on length of the formid prefix. 
  alert('You have submited form ' + formid.substr(4));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form id="form1">
  <input id="value1">
  <input type="submit">
</form>

<form id="form2">
  <input id="value2">
  <input type="submit">
</form>

Answer 2

Почему бы вместо этого не использовать атрибут данных ?Гораздо удобнее.

$('form').on('submit', handleSubmit);

function handleSubmit(e) {
  e.preventDefault();
  const id = $(this).data('id');
  console.log(id);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form data-id="1">
  <input value="value1">
  <button type="submit">Submit</button>
</form>

<form data-id="2">
  <input value="value2">
  <button type="submit">Submit</button>
</form>