為什麼我的登入表單消失了而不是按“Enter”提交？

使用jQuery 在「Enter」上提交表單

使用HTML/jQuery 在AIR 專案中處理標準登入表單時，按「Enter 」可能會導致意外行為，例如表單內容在未提交的情況下消失。要解決此問題，必須了解潛在的根本原因。

提供的程式碼片段嘗試使用「.keypress()」函數處理「Enter」鍵事件，但無法解決消失的表單問題並阻止提交。一個潛在的原因可能是表單中缺少“action”屬性。

要有效解決此問題，請修改事件處理程序程式碼如下：

$('.input').keypress(function (e) {
  if (e.which == 13) {
    $('form#login').submit();
    return false;    // Add this line
  }
});

此處新增的關鍵內容是「傳回錯誤」語句。新增此行本質上可以防止與「Enter」鍵按下相關的預設行為，在這種情況下，由於操作衝突而導致表單無法提交。

如連結的StackOverflow 答案中所述，「返回false」功能類似於“e.preventDefault()”和“e.stopPropagation()”，抑制預設瀏覽器行為並促進事件的自訂處理。

透過此修改，在登入表單中按「Enter」應該正確提交表單，解決了最初遇到的問題。

以上是為什麼我的登入表單消失了而不是按“Enter”提交？的詳細內容。更多資訊請關注PHP中文網其他相關文章！