網頁制作poluoluo文章簡介:默認情況下,在表單(form)的輸入框(input)裡按回車將會提交(submit)表單。這會造成一個問題:當用戶在填寫表單時不小心按了回車鍵(特別是輸入框含有歷史記錄時,這種情況經常發生),這時不完整的表單會被提交。
默認情況下,在表單(form)的輸入框(input)裡按回車將會提交(submit)表單。這會造成一個問題:當用戶在填寫表單時不小心按了回車鍵(特別是輸入框含有歷史記錄時,這種情況經常發生),這時不完整的表單會被提交。我們可以通過Javascript來屏蔽回車鍵,這樣當用戶鍵入回車鍵,表單就不會被提交,而且我們還可以根據需要執行別的任務,例如把光標移到下一個輸入框。這樣不但屏蔽了回車鍵誤提交表單,而且還方便了用戶,一舉兩得!
jQuery代碼如下:
<script type="text/javascript">
$(document).ready(function(){
$("input").keypress(function (e) {
var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
if (keyCode == 13){
var i;
for (i = 0; i < this.form.elements.length; i++)
if (this == this.form.elements[i])
break;
i = (i + 1) % this.form.elements.length;
this.form.elements[i].focus();
return false;
}
else
return true;
});
});
</script>