简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

js表單提交和submit提交的區別

高洛峰
發布： 2016-12-16 15:12:38
原創
1662 人瀏覽過

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script>

function test()
{
    document.getElementById("myform").submit();    
    alert(11);
}
</script>
<form  name="myfrom" id="myform" method="get" action="b.php">
<input type="text" name="pwd" value="" />
<input type="submit" name="sub" value="111" />
<input type="button" name="btn" value="btn" onclick="test()" />
</form>
</body>
</html>
登入後複製

注意：get方式提交表單時action裡面不能用url傳值, post則可以這樣傳


js提交和submit按鈕提交的區別:

    

    1. js提交表單時不會帶上submit 按鈕的值(因為沒有被點選) 所有瀏覽器

    2. input 回車提交w3c瀏覽器會帶上submit按鈕的值，ie6則不會帶

   用這個來判斷，無論用哪種方式提交都會有值


submit按鈕上綁定提交事件:

即:

    都會帶上submit的值, 用js提交都檢測不到onsubmit 方法：如果按鈕為submit則偵測時用onsubmit事件偵測

     若按鈕為button，偵測透過後觸發submit事件

   

    單純的用js提交表單, alert, ff下阻塞表單的提交，而其他瀏覽

更多js表單提交和submit提交的區別相關文章請關注PHP中文網！

相關標籤：
js表單提交
來源：php.cn
上一篇：JS數組排序方法實例分析 下一篇：利用JS提交表單的幾種方法和驗證
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
React子元素無效（發現：具有鍵{clientVersion}的物件）。如果您想渲染一個子元素集合，請使用數組代替 我有一個多步驟表單，當我嘗試提交時會顯示此錯誤。但是，如果我以簡單的形式使用createOrganization調度，它就會起作用。是後端問題還是前端問題？我可能做錯了什麼？我希望...
來自於 2024-04-06 16:25:39
0
1
346
使用 Javascript / Jquery 提交表單且不含按鈕 我試圖透過呼叫JavaScript函數並使用JQUERY/PHP執行表單來提交沒有按鈕的表單。我希望表單在後端靜默執行，而無需重新載入頁面。不幸的是，它不斷傳回JavaScript...
來自於 2024-04-06 14:54:03
0
2
421
提交後如何列印選定的複選框值 這是我的複選框清單和我需要提交資料的按鈕..<label>AccessLocations</label><br/><inputtype=&...
來自於 2024-04-06 13:07:43
0
2
337
如何透過 DOM 而不是透過表格來呈現數據 我對我正在創建的應用程式有疑問，我正在使用Oracle資料庫，並且我正在從資料庫中獲取資訊並透過表格將其呈現在螢幕上，但我想嘗試單獨處理這些數據，例如創建一個段落並顯示一個值。我只...
來自於 2024-04-04 18:17:27
0
1
3567
匯總兩個獨立表的銷售資料時遇到 MySQL 問題 預先非常感謝您的支持。我正在學習SQL並產生一些資料來玩，但我堅持做一件簡單的事情。下面螢幕截圖中的表格顯示了我的sales20表的一部分，該表顯示了每個員工在2020年實現的銷售...
來自於 2024-04-04 14:22:13
0
2
343
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！