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. */
}
});

參考網址連結網址

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

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

使用CSS 讓ul li 橫向水平

使用CSS 讓ul li 橫向水平

好吧,其實這個css常在用,但我每次都沒特別紀錄,然後每次又忘記然後又要Google。...

PHP無法保存SESSION的問題

PHP無法保存SESSION的問題

一天,客戶反應系統後台無法登入。 而這問題是發生在客戶電腦更換了IP位置。 而我這邊也...

mysql 查詢數據資料是否有重複

mysql 查詢數據資料是否有重複

pexelsphoto 有沒有試過資料庫裡上萬筆資料卻不知道是不是有重複的數據? 這時...

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