jquery - 使用 jQuery 管理多个表单

Question

我在登陆页面上有两个表格。一种是捕获潜在客户（第一种形式），另一种形式是根据用户输入的数据在灯箱中显示网页（第二种形式）。

如果用户点击返回，则同时提交两个表单。那并不理想。我正在使用以下 jQuery 代码来获取最接近的提交表单。此代码使灯箱能够打开，但是，两个表单仍然提交，因此灯箱中没有任何内容。最终，用户被重定向到应该在灯箱中显示的网页。

<script>
$("second-form").closest("form").submit();
$("input[type=text]")
.keydown(function(e) { 
    if (e.keyCode == 13)
        $(this).closest("form").submit(); 
});
</script>

表单的html代码：

 <form name="form" id="second-form" action="website" method="get" target="_self">    
 <input type="text" id="zipcode" placeholder="Zip Code" name="search" minlength="5" maxlength="5" size="12" pattern="\d{5}" title="A Zip Code should consist of five numbers" required />
 <input type="submit" value="Go" id="button" class="button">
 </form>

Answer 1

试试这个：

$(document).on('keypress', 'input', function(e) {
    if (e.keyCode == 13) {
        e.preventDefault();
        $(this).closest("form").submit();
    }
});

...您需要阻止事件的默认操作或提交所有表单。

另外，您为什么要second-form使用此行提交页面加载？

$("second-form").closest("form").submit();