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

使用jQuery管理多个表单

1 个答案: