1. 程式人生 > >jquery代替button提交form表單

jquery代替button提交form表單

首先需要給form表單新增name屬性,比如name=form66

然後使用$("form[name='form66']").submit()即可。

若要使提交的form表單在新視窗開啟,可以在from表單中新增target="_blank"即可。

程式碼演示:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<script src="js/jquery.js"></script>
<body>
<form name="form66" method="post" action="" target="_blank" >
<input type="text" name="keyword" id="test">
<span id="tijiao" style="cursor:pointer;">提交</span>
</form>
<body>
<script>
    $('#tijiao').click(function(){
        $("form[name='form66']").submit();
});
</script>
</html>

相關推薦

jquery代替button提交form

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

關於jQuerybutton標籤自動提交form的問題

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

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

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

JQuery ajax提交form實現檔案上傳

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

關於button中的type屬性來決定是否提交form

button中的type屬性:submit和button。(1)其中IE瀏覽器預設的是button,非IE預設的是submit;(2)button不提交整個form表單,而submit提交整個form表單。 <form> <button type=

jQuery提交Form的正確方式

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

JQuery提交Form,獲取返回值

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

Jquery UI Dialog 之 Form 提交

我專注的是Dialog的Form表單提交的問題。 不知道大家使用Dialog的方式是什麼,我就說說我用的方式吧。 <divid="dialog">        <formid="dialogForm"method="post"action="

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

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

jQuery ajax 請求 和 Submit 提交 form

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

jQuery非同步提交form

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

jquery外掛EasyUI中form提交例項分享

之前用AJax給Controller傳遞引數,然後再呼叫服務端的方法對資料庫進行更改,今天碰到一個新的方法,就是表單的提交,這樣可以省去AJax傳參。 當表單提交後,我們可以獲取表單上控制元件中的值,然後再呼叫服務端的方法對資料庫進行更改。下面的一張截圖是具體的業務需求

使用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

三層+EasyUI+Ajax 提交Form

log src body 提交 easy orm img yui class 三層+EasyUI+Ajax 提交Form表單

使用ajax提交form,包括ajax文件上傳

開發者 使用 sub 決定 發現 cli 也會 pos pre 前言使用ajax請求數據,很多人都會,比如說:$.post(path,{data:data},function(data){ ...},"json");又或者是這樣的ajax$.ajax({

使用ajax提交form

使用FormData物件 FormData物件是html5的一個物件,目前的一些主流的瀏覽器都已經相容,非常的強大 FormData可以憑空建立一個物件,然後往這個物件裡面新增資料,然後直接提交,不需要寫一行html程式碼,如下: var form = new FormData(); form.appe

關於buttonform內的自動重新整理

今天在開發中遇到了ajax傳資料到後臺,處理結果正常,返回的resultMap是一個Map<String,Object>型別,但是返回時顯示'Fail to load response data', 多次除錯無果,最後在html靜態頁面中發現<button>標籤並沒有被<for

ajax提交form,H5的required屬性沒起作用

1、 ajax提交form表單,required屬性不起作用 錯誤程式碼如下 <form id="order"> <input type="text" name="name" required /> <input type="submit