jQuery在同一頁面中的多種形式

Question

我有以下動態生成的HTML

<div id="1">
<form name = "inpForm">
<input name="FirstName" type="text"/>
<input type="submit" value="Submit"/>
</form>
</div>

<div id="2">
<form name = "inpForm">
<input name="FirstName" type="text"/>
<input type="submit" value="Submit"/>
</form>
</div>

外部div具有不同的ID，但表單名稱相同。 提交表單時，我正在使用Jquery執行一些驗證。 但是，提交第二個表單時，我總是會得到第一個表單的值。

$(document).ready(function () {
    $('form[name="inpForm"]').live('submit', function () {
        alert($('input[name="FirstName"]').val());
        return false;
    });
});

如何修改myJquery以查找與觸發提交的當前表單相匹配的“名字”元素？ 謝謝

Answer 1

添加一些上下文：

alert($(this).find('input[name="FirstName"]').val());

Answer 2

使用this （表單元素）作為上下文參數：

alert($('input[name="FirstName"]',this).val());