我在登陸頁面上有兩種形式。一種是捕捉潛在客戶(第一種形式),另一種形式根據用戶輸入的數據(第二種形式)在燈箱中顯示網頁。使用jQuery管理多個表單
如果用戶點擊退貨,兩個表單都會同時提交。這並不理想。我正在使用以下jQuery代碼來獲取最接近的表單。此代碼使燈箱可以打開,但是,這兩個表單仍然提交,因此沒有填充在燈箱中。最終用戶被重定向到應該在Lightbox中顯示的網頁。表單
<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>
通常情況下,表單只在提交時才提交,如果它有焦點。你應該弄清楚你爲什麼是。顯示一些HTML。 – isherwood
而不是最接近的('表格')爲什麼不使用父母('表格'),因爲輸入字段將始終是表格標籤 –
@isherwood用html更新的孩子。我的表單都沒有使用自動對焦。 – user1049946