首頁 > 文章 > web前端 > JavaScript提交表單與submit提交的區別解析

JavaScript提交表單與submit提交的區別解析

黄舟原創: 2017-11-18 15:13:392743瀏覽

在我們前面的兩篇的文章中，我們給大家介紹了JavaScript實作提交表單的幾種方法，以及驗證JavaScript提交表單的方法、在提交表單中還有一定submit提交，那我們今天就給大家JavaScript提交表單與submit提交的區別解析!

<!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則不會帶

解決方法：增加一個hidden域,用這個來判斷，無論用哪種方式提交都會有值

submit按鈕上綁定提交事件:

#即:#

<input type="submit" name="btn" value="btn" onclick="test()" />

都會帶著submit的值, 用js提交都偵測不到onsubmit狀態

# w3c：提交一次

# ie6: 分兩次提交，先js在form提交

解決方法：

如果按鈕為submit則偵測時用onsubmit事件偵測

如果按鈕為button，則偵測通過後觸發submit事件

# 一定不要用js提交表單，然後再用onsubmit去偵測

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

總結：根據本文的詳細介紹，相信小夥伴對JavaScript提交表單與submit提交的區別在哪，小夥伴可以根據自己的需求來決定選擇哪一種！

JavaScript提交表單與submit提交的區別解析

相關文章