資料載入中

胡言亂語

使用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取得今天日期 

發表留言

作者簡介

離不開電腦的宅男


推薦閱讀

作者其他相關類別故事

RPO(Relative Path Overwrite)相對路徑覆蓋攻擊

RPO(Relative P…

Mark Chang 6 年又 49 天 2.5K

首先,先來用例子說明何謂「相對路徑」何謂「絕對路徑」。 例如你有一個網址為http://www.de...

如何緩存靜態資源使用HTTP緩存

如何緩存靜態資源使用HTTP…

Mark Chang 5 年又 141 天 1.3K

配置服務器以返回CacheControlHTTP響應標頭: maxage指令告訴瀏覽器應該以秒為單位...

當域名 DNS 尚未生效時,如何預先設定及測試網站

當域名 DNS 尚未生效時,…

Mark Chang 4 年又 170 天 2.1K

建置一個新的網站或是將網站搬家時 常常會遇到一個問題,就是要將網址指向到新的網站空間,設定完畢但需要...