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());