資料載入中

胡言亂語

使用jQuery阻止input直接按Enter就送出表單

使用表單是傳送資料裡經常會用到的方式。

這時當使用者輸入表單後習慣上按下Enter,則會將表單內容送出(submit)。

這往往會造成一些困擾,例如表單資料尚未完成?

要阻止這個預設的行為,可以使用jQuery來阻擋:
$('.input').keypress(function(e) {
code = e.keyCode ? e.keyCode : e.which; // in case of browser compatibility
if(code == 13) {
e.preventDefault();
// do something
/* also can use return false; instead. */
}
});

參考網址連結網址

以上紀錄~
 

  • 使用者輸入表單後按下Enter
  • 表單資料尚未完成的困擾
  • jQuery阻擋預設行為的方法
  • 傳送資料的常用方式
  • 表單內容送出的處理方式
https://innstory.com/story-使用jQuery阻止input直接按Enter就送出表單-1904

上一篇
 使用JavaScript的split函式完成字串切割

下一篇
JavaScript取得今天日期 

發表留言

  • 蘭

    使用表單時,按下Enter常常會出現意外的情況,確實需要注意。設置一些防範措施,讓使用者更順利地填寫資料,這樣比較妥當。
    2026-06-13 上午 10 點回覆
  • Angela

    表單提交的習慣確實會讓人困擾,特別是資料還沒填好時。用jQuery來解決這個問題挺實用的。
    2026-03-03 下午 8 點回覆

作者簡介

離不開電腦的宅男


推薦閱讀

作者其他相關類別故事

讓文字左右對齊

讓文字左右對齊

Mark Chang 6 年又 184 天 1.5K

讓文字左右對齊這類的設計案,通常都會出現在平面設計居多。 網頁上很少會遇到客戶會執著於這方面,但不能...

使用.htaccess關閉特定文件的緩存

使用.htaccess關閉特…

Mark Chang 6 年又 45 天 1.8K

以特定檔案為例 或者以特定的文件選擇為目標 反之若是要針對特定文件或檔案去做cache也是可以用同樣...

使用PHP取得指定月份最後一天的日期

使用PHP取得指定月份最後一…

Mark Chang 3 年又 301 天 1.3K

使用PHP要如何抓某個月份的最後一天 例如抓本月份的話可以使用下列範例: 若要抓某個特定月份的最後...