首頁 > 開發者 > JavaScript
Jquery響應斷行符號鍵直接提交表單作業碼，jquery斷行符號鍵
事情是這樣的，做了一個登陸頁面，把 Form 去了，直接拿 Jquery 的 Ajax 跟伺服器互動，但是這樣的話 瀏覽器就不會預設響應 斷行符號鍵提交資料了。索性讓 Jquery 也接管 斷行符號鍵的響應吧：
複製代碼 代碼如下:
$("#loginbox input[type='submit']").click(function() {
//Ajax 與伺服器互動驗證
});
$('#loginbox').keydown(function(e){
if(e.keyCode == 13){
//類比點擊登陸按鈕，觸發上面的 Click 事件
$("#loginbox input[type='submit']").click();
}
});
如果使用keydown的話，IE6可能無效，解決方案請接著往下看
鍵盤事件有3：
keydown，keypress，keyup，分別是按下，按著沒上抬，上抬鍵盤 。
正確代碼為：
複製代碼 代碼如下:
$(document).keyup(function(event){
if(event.keyCode ==13){
$("#submit").trigger("click");
}
});
推薦：keyup，防止筆記本鍵盤不小心觸摸到了
1.有些文檔中有寫成這樣：
複製代碼 代碼如下:
$(window).keydown（function(){
...
}）
XP系統IE6下是不成功的。
2.還有INPUT的
複製代碼 代碼如下:
$("input").keydown（function(){
...
}）
這種情況要在input擷取焦點時候，才能監聽到鍵盤事件。
把那個button的類型改為submit就行了。
<input type=submit value="提交" />
不過如果你要用jquery提交的話，那就先在響應動作事件的函數內把預設事件停止(e.stop())然後再用ajax提交。
jquery中斷行符號提交表單
你可以不需要綁定提交按鈕的點擊事件，直接綁定表單的提交事件即可，jQuery中提供了對錶單提交事件的攔截方法：$("form").submit。你上面的對按鈕的綁定事件可以修改為對錶單提交事件的綁定：
$('#myForm').submit(function() {var isOk = true;// ...這裡是你click事件裡面的內容if (當驗證不能過時) {isOk = false;// ... 這裡可以彈出錯誤提示}// 如果返回的是true則表示會被提交，如果返回的是false則表單不會被提交return isOk; });下面給出一個完整的樣本：
<html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><script type="text/javascript" src="ajax.googleapis.com/...min.js"></script><script type="text/javascript">$(document).ready(function(){$('#myForm').submit(function() {var isOk = true;var val = $("#name").val();if (val == "") {isOk = false;alert("內容為空白不能提交");}return isOk; });});</script></head><body><form id="myForm" method="post" action="?" enctype="multipart/form-data"><input type="text" id="name" /><input id="btnSubmit" type="submit" data-theme="b" value="Submit"></form></body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
