Loading...

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

Temperature: 0 °C

Mark ChangMark Chang
author_tools

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

這時當使用者輸入表單後習慣上按下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. */
}
});

參考網址Url link

以上紀錄~
 

https://innstory.com/story-使用jQuery阻止input直接按Enter就送出表單-1904
javascript

Prev
 使用JavaScript的split函式完成字串切割

Next
JavaScript_取得今天日期 

About the Author

Mark Chang

離不開電腦的宅男

Visitor message

Leave some footprints to prove that you visited me

Recommended reading

Author's other related stories

利用 .htaccess 限制可瀏覽ip來源

利用 .htaccess 限...

要如何限制某個資料夾內容只能給特定IP讀取? 這個部分其實可以透過.htaccess快速實現~ 首先...

CSSobject-fit 屬性用於指定應如何調整 img或video的大小以適合其容器

CSSobject-fit ...

在UI排版時常會遇到一個問題,後台上傳的圖片比例無法符合前台顯示的DIV容器。 以前我比較常用的方式...

讓文字左右對齊

讓文字左右對齊

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

Please select an option

error

Hi, thank you for your participation, but you cannot vote repeatedly~

Join innstory now and start recording your story.

"Innstory" is a place to store stories. We are committed to becoming a warm platform. Deepening the bonds between people is our direction.
We are convinced that the blockchain between people is not just a cold calculation. Join us now.

Wrong format