1. 程式人生 > >jQuery實現文字框回車鍵提交form表單

jQuery實現文字框回車鍵提交form表單

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>131</title>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<head>
</head> 
<body> 
<form>
<input type="text" id="txtName"/> 
<input type="reset" id="submit" style="display: none;"/>
</form>
<script language="JavaScript"> 
$(document).ready(function () {
    $("#txtName").keydown(function (e) {
      var e = event ||window.event;
      if (e.keyCode == 13) {
       $("#submit").click()
      }
    });
});
</script> 
</body> 
</html>

相關推薦

jQuery實現文字回車鍵提交form

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>131</title><script src="http://ajax.aspne

jQuery實現文字回車鍵轉tab鍵

 <script type="text/javascript">         //功能:將回車鍵轉tab鍵         jQuery(function () {          

jQuery ajax 請求 和 Submit 提交 form

前臺: <title>modify approver Password</title> <script type="text/javascript"> $(document).ready(function(){ var oldPas

關於jQuery中button標籤自動提交form的問題

在form表單中,當我們將button標籤作為事件源,使用jQuery對其繫結一個事件,來造作多選框的同步多選,反選,或者解析輸入文字進而匹配相應選項設定時會發現,在點選button之後,結果會出現,但卻一閃而過.這是為什麼嘛呢?當我們將form表單的"Method" 屬性設

JQuery ajax提交form實現檔案上傳

<!DOCTYPE html> <html> <head>     <title></title>     <script src="https://cdn.bootcss.co

提交form---修改密碼 ajax、jQuery

改密 func 表單 eset password servlet 驗證 確認密碼 密碼 <form id ="password" method="post">   <table > <tr>   <td>原密碼:<

使用jquery實現文字輸入特效:文字逐個顯示逐個消失反覆迴圈

        前兩天看到某個網站上的輸入框有個小特效:文字逐個顯示,並且到字串最大長度後,逐個消失,然後重新迴圈顯示消失,迴圈顯示字串陣列。我對這個小特效有點好奇,於是今天自己嘗試用jquery寫一個簡單的小demo,終於把效果整出來了。首先看一下實現後的效果:

jquery實現文字的禁用和啟用

1,開啟disabled,設定input不可編輯  程式碼示例: $("#id").attr("disabled","disabled"); 2,關閉disabled 程式碼示例: $("#id").removeAttr("disabled"); 普通js中是這樣寫的

jQuery提交Form的正確方式

昨天寫了兩個form表單表示式,發現無論如何都提交不過去。後面網上查到了原因,那就是不要省略寫定義方法,必須要把$(document).ready補全,不然就會發現表單提交永遠是第一個. 看程式碼:s

JQuery提交Form,獲取返回值

$.post("/Feedback/wtdata/save.do", $("#wdsform").serialize(), function(data){ alert(data.message); }

Javascript實現ajax提交form到xml檔案(Javaweb)

(1)ajax實現非同步資料傳輸的原理: 當我們使用ajax技術通過頁面與伺服器交換資料的時候,web ui實際上是將請求交給了ajax引擎去處理。這樣就使得ajax引擎充當了中轉站的角

Jquery繫結事件,模擬form提交

//Jquery物件繫結事件: $("#clean").bind('click',function(){ //程式碼區 }); //取消按鈕繫結的時間: $("#save").attr("onclick","javascript:void(0)"); //

jquery代替button提交form

首先需要給form表單新增name屬性,比如name=form66 然後使用$("form[name='form66']").submit()即可。 若要使提交的form表單在新視窗開啟,可以在from表單中新增target="_blank"即可。 程式碼演示: &l

點選回車鍵禁止form提交

今天遇到一個bug,就是在按下回車鍵的時候,已經下拉的下拉框,馬上合攏再下拉。或者是閉合的下拉框列表馬上下拉再合攏。主要是隻發生在第一個。 看看這個圖片: 當滑鼠點選進去Search…搜尋框時,點選Enter(回車)時,第一個< li >

自定義submit()實現ajax提交form不重新整理跳轉

問題描述: 1.最近一直在為使用者資訊完善功能所困惑,想要實現:使用者提交資訊後不跳轉到acction()的服務端頁面,只要告訴提交成功即可。 2.論壇上大多ajax+json等方法/框架($ajaxform)都需要匯入包或者js檔案,本人新手 ,對於導

jQuery非同步提交form

這個其實挺簡單的,只是一開始我想錯了,一開始我打算用jQuery +jQuery.form外掛來做,其實不必的,只需要jQuery外掛就可以了。 首先,在jsp頁面中匯入jQuery, <script type="text/javascript"src="<%=request.getConte

Jquery實現文字得到焦點的時候,文字的焦點出現在最後!

在前端開發中,有時我們為了客戶更好的體驗,需要使用js處理一些css解決不了的問題 比如,當文字框的文字多餘文字框的時候,有一部分文字沒有出來的時候,我們點選文字框,讓焦點出現在最後面,這樣子可以提高使用者的體驗 這裡舉個例子來說明一下 比如這種情況

使用ajax提交form,包括ajax文件上傳 轉http://www.cnblogs.com/zhuxiaojie/p/4783939.html

ima option img jquery選擇器 open request resp logs ges 使用ajax提交form表單,包括ajax文件上傳 前言 使用ajax請求數據,很多人都會,比如說: $.post(path,{data:data},function

按下回車默認提交form問題

data method 新頁面 div 開發 multipart 一個 spl form表單 最近開發中碰到一個問題,項目中有幾個列表展示頁面,允許用戶通過查詢條件模糊查詢數據。用戶錄入關鍵字後點擊回車會調用查詢方法根據關鍵字查詢,原先功能沒有問題,但是最近發現在查詢輸入框

工作中如何使用ajax提交form,包括ajax文件上傳

msu 包括 需要 java tip ror 存儲 adf ucc 提供一種方法就是利用jquery.form.js,我們是和java對接的後臺。 代碼如下: <input type="text" id="text1"> <input type="text