表單一般都是用來提交數(shù)據(jù)的,但是有些時候用戶會不小心按下回車鍵,就會不小心提交了表單,這個時候我們就需要禁止回車提交表單。下面我們可以借助 jQuery 來實現(xiàn)該功能。
$(document).ready(function() { //禁止回車鍵提交表單 $(window).keydown(function(event) { if (event.keyCode == 13) { event.preventDefault(); return false; } }); });
我們在文檔加載完畢后綁定了一個 keydown 事件,在事件處理函數(shù)中通過判斷用戶按下的鍵位是否是回車鍵,如果是回車鍵,則調(diào)用 event.preventDefault() 阻止默認(rèn)事件,再返回一個 false,這樣就達到了禁止回車提交表單的目的。
在表單中禁止回車提交是一個很常用的技巧,因為它可以防止用戶誤操作,同時也能提高表單的安全性。