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

Linux下查詢已安裝的PHP版本

Linux下查詢已安裝的PH...

紀錄PHP在Linux底下版本查詢方式 以Ubuntu為例 root@ubuntu:~# php –...

在PHP強制顯示錯誤訊息的方法

在PHP強制顯示錯誤訊息的方...

若是單一檔案,只需要在每個PHP檔案裡添加下列行: iniset(&#;displayerrors&...

Linux vi修改文件時遇到:E212無法打開文件進行寫入

Linux vi修改文件時遇...

執行修改 vi /etc/ssh/sshdconfig 使用wq(儲存後離開)或者是wq!(唯讀檔案...

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