js表單提交和submit提交的區別實例分析_javascript技巧
- WBOY原創
- 2016-05-16 15:26:201203瀏覽
本文實例分析了js表單提交和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按鈕上綁定提交事件:
即:
都會帶上submit的值, 用js提交都偵測不到onsubmit狀態
w3c： 提交一次
ie6: 分兩次提交，先js在form提交
解決方法：
若按鈕為submit則 偵測時用onsubmit事件偵測
如果按鈕為button，則偵測通過後在觸發submit事件
一定不要用js提交表單，然後再用onsubmit去檢測
單純的用js提交表單, alert, ff下阻塞表單的提交，而其他瀏覽
希望本文所述對大家JavaScript程式設計有所幫助。
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn