解析jquery實現回車鍵提交表單
本來以為jQuery在鍵盤事件會做的比較統一,但事實並不如我想象,還好我測試了下。
JQ版本:1.7.2
鍵盤事件有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獲取焦點時候,才能監聽到鍵盤事件。
其他的情況,歡迎大家補充。我會加上來。
相關推薦
解析jquery實現回車鍵提交表單
本來以為jQuery在鍵盤事件會做的比較統一,但事實並不如我想象,還好我測試了下。 JQ版本:1.7.2 鍵盤事件有3: keydown,keypress,keyup,分別是按下,按著沒上擡,上擡鍵盤 。 正確程式碼為: $(document).keyup(funct
C# Asp.net使用FormData對象實現ajax提交表單及上傳圖片
sync ext syn data .... error post req 序列化 1、html代碼: <form id="postForm"> 文件名:<input type="text" name="filename" />
jQuery使用ajaxSubmit()提交表單(在不希望頁面跳轉的情況下)
ont .ajax 引入 當前 data fun get orm mit 原文:http://www.jb51.net/article/48728.htm ajaxSubmit(obj)方法是jQuery的一個插件jquery.form.js裏面的方法,所以使用此方法需要先
禁止按回車鍵提交表單
key submit pass eve false == 用戶 type 我們 禁止按回車鍵提交表單,有時候我們按回車鍵提交很實用,但容易使表單出錯,所以我們不想讓用戶按了回車鍵就提交表單,那該怎麽辦呢?只要在標簽裏加入 onkeydown="if(event.k
jquery構造from提交表單
var pams = []; var customer = encodeURIComponent($.trim($('#customer').val())); var age = $('#age').
jQuery使用ajaxSubmit()提交表單示例
ajaxSubmit(obj)方法是jQuery的一個外掛jquery.form.js裡面的方法,所以使用此方法需要先引入這個外掛。如下所示: <script src="http://code.jquery.com/jquery-1.11.0.min.js">&
jquery的非同步提交表單(非同步上傳檔案)及jquery.form.js上傳檔案注意事項
方法一:jquery的ajax方式,通過FormaData獲取表單資料 (1)這種方式只需要jquery-1.7.js外掛; (2)通過`jquery中的FormaData類: 自動搜尋表單資訊(表單內沒有name屬性的input不會被搜尋到),IE<=9
php+Angularjs 實現Post 提交表單 模擬登入
1、在開始之前我們要了解下angularjs的$http函式,post請求可以簡寫成$http.post 同時也可以像jQuery那樣$http(method:'',url:'',params:'')
jQuery使用ajaxSubmit()提交表單示例(轉)
這篇文章主要介紹了jQuery使用ajaxSubmit()提交表單示例,使用延第三方外掛jquery.form實現,需要的朋友可以參考下: 準備工作: ajaxSubmit(obj)方法是jQuery的一個外掛jquery.form.js裡面的方法,
在jquery中ajax提交表單的post與get方式詳解
另附三篇參考文章連結: 在jquery中ajax提交表單有post與get方式,在使用get方式時我們可以直接使用ajax 序列化表單$('#表單ID').serialize();就行了,下面我來介紹兩個提交表單資料的方法。 $get方式提交表單 get() 方法通
利用ajaxSubmit()方法實現Form提交表單後回撥
1. 背景 最近在工作中,需要實現網頁端圖片上傳到FTP伺服器的功能。上傳檔案是用Form表單提交資料的方法向後臺傳輸檔案流,在此遇到了一個問題:後臺在處理完圖片上傳功能後,需要向前臺回傳是否上傳成功的狀態碼、上傳失敗的錯誤資訊和上傳成功後的圖片URL。但是,用
ajax中如何實現非同步提交表單
ajax中很重要的一個功能就是實現表單的不重新整理提交,現在我們利用jquery和php實現這個功能 首先我們寫一個表單,我們命名為ajaxform.html,表單的程式碼如下: <form> 使用者名稱:<input type="text" na
jQuery使用ajaxSubmit()提交表單
$('button').on('click', function() { $('form').on('submit', function() { var title = $('inpur[name=title]').val(), content = $('t
實現ajax提交表單,頁面不跳轉
表單程式碼 <form id="save" class="form-horizontal" role="form" method=
jQuery實現Ajax方式提交表單
提交表單一般通過同步的方式提交,提交後頁面重新整理或跳轉到新頁面來顯示伺服器端返回的處理結果。如果表單提交後有另外的操作或業務需求需要還在這個頁面上顯示或處理,那麼頁面不能整體重新整理,這時第一想到的就是採用ajax的方式提交表單。下面完整的介紹一個表單採用ajax方式提交的
使用jQuery.form外掛,實現完美的表單非同步提交
時間真快,轉眼一個月快結束了,一個月沒寫部落格了!手開始生了,怎麼開始呢…… 抓住6月份的尾巴,今天的主題是 通過該外掛,我們可以非常簡單的實現表單的非同步提交,並實現檔案上傳、進度條顯示等等。 現在我們從一個ASP.NET同步表單提交開始,然後再將其轉化為非同步的表單提交。我寫了3
jquery實現同時提交兩個form表單
<script type="text/javascript" src="jquery-1.5.1.js"></script> <script type="text/javascript"> $(document)
基於jquery的實現非同步跨域提交表單的實現程式碼,需要的朋友可以參考下。
1.使用post提交方式 2.構造表單的數格式 3.結合form表單的submit呼叫ajax的回撥函式。 使用 jQuery 非同步提交表單程式碼: <html xmlns="http://www.w3.org/1999/xhtml"> <he
利用jquery.form.js的ajaxSubmit實現不跳轉提交表單資料
我們直接通過form提交的話, 提交後當前頁面跳轉到form的action所指向的頁面。然而,很多時候我們比不希望提交表單後頁面跳轉,那麼,我們就可以使用ajaxSubmit(obj)來提交資料 1. //form表單阻止提交 <form onsubm
jQuery實現button按鈕提交表單
在JSP頁面中,通常使用button按鈕提交表單資料,使用jQuery實現程式碼如下: <span style="font-family:Comic Sans MS;font-size:14px;">// 使用者登入 $("#login").click(fun