innstory

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

Temperature: 0 °C

2018-12-19Mark Chang

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

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

}

});