javascript - 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 以找到与触发提交的当前表单匹配的“FirstName”元素？谢谢

Answer 1

添加一些上下文：

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

Answer 2

使用this（表单元素）作为上下文参数：

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