js表單提交和submit提交的區別實例分析

2019-11-20 11:02:28

字體：大中小

來源：轉載

供稿：網友

本文實例分析了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按鈕上綁定提交事件:

即:<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下阻塞表單的提交，而其他瀏覽