DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> jQuery代碼:jQuery控制表單裡的回車鍵
jQuery代碼:jQuery控制表單裡的回車鍵
編輯:AJAX詳解     

默認情況下,在表單(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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved