Всем привет. На странице есть две абсолютно одинаковые формы, но находятся они в разных частях страницы.
<div class="form-wrapper">
<div class="input-wrapper">
<form class="subs-form">
<input type="text" class="field-name">
<input type="email" class="field-email">
</form>
</div>
<a href="..." class="button-subs">...</a>
</div>
Задача в следующем. Написать ОДНУ функцию для обработки форм на JQuery.
Т. е. при нажатии на ссылку
class="button-subs"
первой формы обрабатывались поля только первой формы, при нажатии ссылки во второй форме обрабатывались поля только второй формы. А если добавить на страницу еще одну точно такую же форму, чтобы и она обрабатывалась независимо от остальных. Т.е. обрабатывалась бы только текущая форма.
Я пробовал делать через self, но ничего толкого не вышло.
P.S. Я знаю, что в разметке кнопку(ссылку) нужно заталкивать в тег form.