Кнопка захвата Нажать событие определенной формы?

Question

У меня есть две формы

<form name='myform1'>
  <input type='button' class='submitBtn'>
</form>

<form name='myform2'>
  <input type='button' class='submitBtn'>
</form>

У обеих форм есть кнопка с одинаковым классом.Как я могу зафиксировать событие нажатия только кнопки myform1 (submitBtn) в jQuery?

Спасибо.

Answer 1

НЕПРАВИЛЬНО : вы не можете иметь одинаковые id на одной и той же странице

в противном случае сделайте ниже

ПОПРОБУЙТЕ

    $('input[type="button"]').click(function() {
       var formName=$(this).parent('form').attr('name');
       if(formName =='myform1'){ 
          alert( formName+' button is clicked'); 
      } if(formName =='myform2'){ 
         alert( formName+' button is clicked'); 
      }
   });

DEMO

Answer 2

Нельзя иметь более одного идентификатора с одинаковым значением.

Решение: используйте имена классов для визуального оформления и отдельные идентификаторы для захвата событий.

Answer 3

id означает идентификатор - поэтому он должен быть уникальным на HTML-странице, чтобы можно было идентифицировать элемент.

Тем не менее, если вы хотите получить кнопку в форме с именем myform1, вы можете использовать что-то вроде этого:

$('form[name="myform1"] input[type="button"]')